ajax请求数据重复,[ECSHOP二次开发]解决分类商品Ajax连续请求导致的数据重复

这篇博客详细介绍了如何使用JavaScript实现网页内容的动态加载和分页功能。通过`get_next_page`函数,结合AJAX请求,实现了当用户滚动到页面底部时自动加载更多数据。同时,`select_all`函数用于一次性加载所有内容。博客中涉及到的关键技术包括DOM操作、事件监听、AJAX异步请求以及页面滚动事件处理。
摘要由CSDN通过智能技术生成

functiondosearch(keyword){

$(‘#keyword‘).val(keyword);

getContent= get_next_page(1,<?php echo isset($_GET[‘cate_id‘])?$_GET[‘cate_id‘]:‘1‘;?>,1);

}functionselect_all(){

get_next_page(1,<?php echo isset($_GET[‘cate_id‘])?$_GET[‘cate_id‘]:‘1‘;?>,1);

}

$(function(){

get_next_page(1);

})var control=true;

$(window).on("scroll",function(){if($(document).scrollTop()+$(window).height()>=$(document).height()){if(control){

$(".static-box").html("

正在加载...

");

$(document).scrollTop($(document).scrollTop()+100);

get_next_page();

}

}

});

get_next_page= function(getpage,get_cate_id,setempty) {if(get_cate_id){

$(‘#cate_id‘).val(get_cate_id)

}var cate_id = $(‘#cate_id‘).val();var b_id = $(‘#b_id‘).val();var store_id = $(‘#store_id‘).val();var key = $(‘#key‘).val();var order = $(‘#order‘).val();var keyword = $(‘#keyword‘).val();if(getpage){

page= 1;

}else{var page = parseInt($(‘.order_page:last‘).val());

page+= 1;

}var url = ‘index.php?act=mall&op=index&cate_id=‘+cate_id+‘&store_id=‘+store_id+‘&b_id=‘+b_id+‘&key=‘+key+‘&order=‘+order+‘&getact=next_page&curpage=‘+page+‘&keyword=‘+keyword;

control=false;

$.ajax({

type:‘GET‘,

url:url,

data:‘‘,

dataType:‘html‘,

success:function(data){if(!data || data=="" || data == "clear"){

control=false;if(data == ‘clear‘){

$(".minwrap").empty();

}

$(".static-box").html("

没有更多数据了...

");

setTimeout(function(){

$(".static-box").html("");

},1000)return false;

}

$(".order_page").remove();if(setempty == 1){

$(".minwrap").html(data);

$(‘html, body‘).animate({scrollTop:0}, ‘slow‘);

}else{

$(".minwrap").append(data);

}

$("img.lazy").show().lazyload({

effect :"fadeIn",

threshold :200});

control=true;

}

});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值