商品列表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);
}
}
})
})

?

轉(zhuǎn)載于:https://www.cnblogs.com/caeserzxz/p/8677815.html

總結(jié)

以上是生活随笔為你收集整理的滑动加载商品列表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。