移动端ajax多次发送,移动端: 滑动到页面底部触发ajax. PC上触发正常。移动端上多次触发,怎么回事...

//javascript

$(function(){

waitAajxDataLoad();

getMoreModelList();

});

function getMoreModelList(){

var page = 1;

var flag = true;

loadModeList();

$(window).scroll(function(){

scrollFn();

});

function scrollFn(){

var documentHeight = $(document).height();

var windowHeight = parseInt($(this).height());

var windowScrollTop = parseInt($(this).scrollTop());

if(documentHeight <= windowHeight){

return false;

}

if(windowHeight + windowScrollTop >= documentHeight){

if(flag === true){

loadModeList();

}

}

}

function loadModeList(){

var loading = $(".js-model-list");

var url = getScriptObj(".js-be-api").getMoreCarModel;

var modelWrap = $(".js-model-list");

var html = "";

$(window).unbind('scroll');

$.ajax({

// async: false,

url: url,

type: "POST",

dataType: "JSON",

data: {

page: page

}

}).done(function(data){

$(window).scroll(function(){

scrollFn();

});

if(data.status === 0){

html = renderTemplate(data);

modelWrap.append(html);

page++;

}else if(data.status === 3){

msg.toast(data.msg);

flag = false;

}

lazyLoadImg();

}).fail(function(){

msg.toast("网络开了会小差");

});

}

}

function renderTemplate(data){

var html = "";

for(var i in data.data){

html += "

" +

"" +

"%22%20+%20data.data%5Bi%5D.img%20+%22" +

"

" + data.data[i].title + "

";

if ( data.data[i].discount_type === '1'){

html += "

" + data.data[i].discount + "

";

}else if (data.data[i].discount_type === '2'){

html += "

" + data.data[i].discount + "

";

}

html += "

" +

"" + data.data[i].activity_price + "" +

"¥" + data.data[i].guide_price+ "万

";

}

return html;

}

function waitAajxDataLoad(){

$(document).ajaxStart(function(){

$(".js-load").addClass('active');

});

$(document).ajaxComplete(function(){

$(".js-load").removeClass('active');

});

}

function lazyLoadImg(){

var imgs = $(".js-model-list li img");

imgs.error(function(){

var $this = $(this);

$this.attr("src", "/exchange/Public/dev/img/pbl/defaultpic.jpg");

});

}

//html

exchange-title.png

load.gif正在加载...

为什么这样写,手机浏览器还是会多次加载呢

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值