1.在html部分增加两句代码
加载更多 2.js部分代码
$(function () {
$(“#more”).click(function () {
var page = parseInt($(“#page”).val());
$(this).html(“加载中…”);
status=$(this).attr(“data-status”);
if(status==1) {
status = $(this).attr(“data-status”, “0”);
$.ajax({
type: “post”,
url: “XXX”,
data: “page=” + page,
dataType: “json”,
success: function (data) {
data = data.data;
/*数据不够10条隐藏按钮*/
if (data.length < 10) {
$(this).hide()
} else {
$(“#page”).val(page + 1);//记录页码
}
insertDiv(data);
}
});
}
});
});
function insertDiv(data){
var information = $(“.information”);
var html = ”;
for (var i = 0; i < data.length; i++) {
html +=”
“+data[i].title+””+”
“+data[i].date+””
}
information.append(html);
$(“#more”).html(“加载更多”);
$(“#more”).attr(“data-status”,”1″);
}