ajax鼠标滚动请求或手机往下拉请求

Zepto(function($){var url = $('.page-url').val();var cur = false;var href_url =  $('.page-url').attr('href-url');$(window).scroll(function(){if(($(window).scrollTop() + $(window).height() - $(document).height() == 0) ){//判断滚动条是否到达了底部if(cur == true){return;//定义一个变量，让ajax执行完成后再请求下一次ajax。否则返回。
                }cur = true;$(".loading").show();//出现加载图片
                $.ajax({type:'POST',url:url,dataType: 'json',success: function(data){//console.log(data);$('.page-url').val(data.nextPageUrl);url = $('.page-url').val();// console.log(url);$(".loading").remove();//删除加载图片$(".comments").remove();var html = '';var list = data.listNews;$.each(list, function(i, item){
html += "<div class='w100 title-list'>\<a href='"+href_url+"?news_type="+item.news_type+"&news_id="+item.news_id+"' alt='' class='fl titile-list-img'><img src='"+item.thumb+"' /></a>\<div class='title-list-content fr'>\<p><a href='"+href_url+"?news_type="+item.news_type+"&news_id="+item.news_id+"' alt='' >"+item.title+"</a></p>\<span class='grayb3 tr lineh1'>"+item.ptime+"</span>\</div>\<div class='cl'></div>\
</div>  ";});$('.data-list').append(html);if(data.para===false) cur = true;//判断后台是否还有数据可以加载else cur = false;                        },error: function(xhr, type){$(".loading").html("暂无内容！");}});}});
})

转载于:https://www.cnblogs.com/jami918/p/3607291.html

ajax鼠标滚动请求或手机往下拉请求相关推荐

php jq ajax 4个下拉框联动案列,Ajax与Jquery结合数据库做出实现下拉框的二级联动...
这次给大家带来Ajax与Jquery结合数据库做出实现下拉框的二级联动,Ajax与Jquery结合数据库做出实现下拉框二级联动的注意事项有哪些,下面就是实战案例,一起来看一下. 首先我们需要先建立好数 ...
分享百度下拉软件技术方法，手机蛙下拉教程，
1:格式定制选择左上角格式定制按钮,添加要插入的随机汉字或者字符,使用前缀,后缀都可以,如果不讲究可以从网址提取,输入一个网址地址,自动识别提取. 2:添加任务选择添加添加任务按 ...
使用AJAX做一个页面导航模糊匹配下拉框
使用AJAX做一个页面导航模糊匹配下拉框绪论:使用AJAX页面导航模糊匹配下拉框使用软件: Vs2019 实现方式:三层架构功能实现是下面的图片类似就是这样,下面把主样式界面代码放出来 < ...
ajax异步请求数据库实现级联下拉菜单。
ajax实现级联下拉菜单,使用Springboot实现. 思路很简单,使用ajax异步请求数据库数据即可. 文末有项目源码! 实现效果: 废话不多说,现在我们来开始实现! 第一步. 创建三张表:省.市 ...
手机页面下拉刷新效果
在做手机页面的时候我用的是MUI封装好的JavaScript. 为了实现下拉刷新的功能,大多数H5框架都是通过DIV模拟下拉回弹动画,在Android手机上,DIV动画常常会出现卡顿现象,mui通过使 ...
使用ajax创建ul,联合县城市，采用ajax，而使用ul模拟select下拉
接待处代码 js //采用jquery展示鼠标放到省ul下拉显示 $("#province").hover(function(){ $("#province ul&quo ...
JMeter 将上一个请求的结果作为下一个请求的参数——使用正则提取器（转载）...
在接口测试和压力测试过程中,经常会将几个流程串联起来才能测试.如:我要进行获取用户信息接口测试,我就要先登录成功后,才能获取用户信息.所以,我就要首先要登录,获得我的登录凭证(tokenId或tick ...
ElementUI中el-select请求springboot后台数据显示下拉项并在el-table中格式化显示
场景 Vue+ElementUI+axios+SpringBoot前后端分离的后台管理系统. 将表格中某字段类似于状态等需要关联字典表进行筛选查询时.示例如下注: 博客: https://blog. ...
ajax实现下拉列表回显,layui实现下拉复选功能的例子(包括数据的回显与上传)
一.layui下拉复选实现的背景:实现一个管理员拥有多个权限二. 具体实现: //依赖资源 //页面显示角色: xm-select-search xm-select-skin="defa ...

ajax鼠标滚动请求或手机往下拉请求

ajax鼠标滚动请求或手机往下拉请求相关推荐

最新文章

热门文章

ajax鼠标滚动请求 或 手机往下拉请求

ajax鼠标滚动请求 或 手机往下拉请求相关推荐

最新文章

热门文章

ajax鼠标滚动请求或手机往下拉请求

ajax鼠标滚动请求或手机往下拉请求相关推荐