加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax翻页功能

发布时间:2020-12-16 00:31:51 所属栏目:百科 来源:网络整理
导读:1. Js: script type="text/javascript" var jpage = 1; function getRecommend() { jQuery.ajax({ url: '/module/geMore?page=' + (jpage+1), type: 'POST', dataType: 'text', // timeout: 5000, cache: false, error: function () { alert('系统忙!'); },

1. Js:

<script type="text/javascript">

var jpage = 1;
function getRecommend() {
jQuery.ajax({
url: '/module/geMore?page=' + (jpage+1),
type: 'POST',
dataType: 'text',
// timeout: 5000,
cache: false,
error: function () {
alert('系统忙!');
},

success: function (data) {

//data返回模板jsp中的html内容

if(data != null && data != ''){
jpage++;
if(jpage > ${pageSize}){
jpage = 0;
}
$("#divMore").text('');//div的名子
$("#divMore").append(data);
}
}
});
}

</script>

2. 调用:

<a href="javascript:void()" onclick="getRecommend()">换一换</a>

3. jsp模板 geMore跳转的jsp页面

放入divMore里面的内容

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读