ajax翻页功能

前端之家收集整理的这篇文章主要介绍了ajax翻页功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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里面的内容

猜你在找的Ajax相关文章