滑动加载商品列表

商品列表htmL

所绑定的js事件

后台代码

$(function () {
//滚动加载
var stop = true;
var start = 2;
// $.ajaxSetup({async:false});
function getData(url){
// console.log(url);
$.ajax({
type:"get",//跨域访问时只能用get
url:url,//要访问的api地址
dataType:"json",
success:function(data){
// console.log(data);
var d = data;
// var d = data.subjects;
console.log(d);
var html = '';
for(i in d){
html += '<li>'
+'<a href="__MODULE__/Goods/detail/id/'+d[i].id+'"><img src="'+d[i].goods_main_img+'"/></a>'
+'<div class="detail-right">'
+'<a href="__MODULE__/Goods/detail/id/'+d[i].id+'"><div class="shoe"><span style="color:red;">'+d[i].goods_name+'</span>:'+d[i].goods_content+'</div></a>'
+'<div>'
+'<div class="fen">{$vol.goods_price}</div>'
+'<a href="__MODULE__/Goods/detail/id/'+d[i].id+'"><div class="huan">点击兑换</div></a>'
+'</div>'
+'</div>'
+'</li>'
start++;
}
console.log(html)
stop = true;

$('.ul').append(html);
},
});
}
$(window).scroll(function(){
var url = "__CONTROLLER__/goodList?start="+start;
var totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
// console.log(totalheight);
if($(document).height() <= totalheight +120){
if(stop == true){
// console.log(totalheight);
stop = false;
// $('#j_loadmore').addClass('enabled');
getData(url);
}
}
})
})

 

转载于:https://www.cnblogs.com/caeserzxz/p/8677815.html