jquery滚动条加载数据

//滚动条

$(window).scroll(function () {

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

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

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

var data = $("#n").text();

console.log(data);

if (scrollTop + windowHeight == scrollHeight) {

//此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作

$.ajax({

url: basePath+‘/daily/toDailyDebtNextPage.shtml‘,

type: ‘GET‘,

dataType: "json",

//timeout: 15000,

cache:false,

data:data,

beforeSend: function (e){

},

success: function(data, status){

var html = ‘‘;

var list = data.debtList;

for (var i = list.length - 1; i >= 0; i--) {

html += ‘<div class="list_box"><div class="con"><table><tr><td>标的类型</td><td class="r m">‘+list[i].debType+‘</td></tr><tr><td>借款人身份证号</td><td class="r no‘+data.maxId+‘">‘+list[i].debtorIdentityNo+‘</td></tr><tr><td>借款用途</td><td class="r">‘+list[i].debtPurpose+‘</td></tr><tr><td>借款金额(元)</td><td class="f_yellow r">‘+list[i].loanReceiptAmt+‘</td></tr></table></div></div>‘;

};

$(‘#list‘).append(html);

geshi(data.maxId);

console.log(data);

var maxRecords = parseInt(data.maxRecords);

//var startId = 0;

var startId = parseInt(data.maxId)+1;

var userId = parseInt(data.userId);

var prodNo = data.prodNo;

var data ="userId="+userId+"&prodNo="+prodNo+"&startId="+startId+ "&maxRecords="+maxRecords;

if(list.length<maxRecords)

{$(‘#m‘).html("加载完毕..")};

$(‘#n‘).text(data);

},

error:   function(XMLHttpRequest,event,ajaxOptions, thrownError){

}

});

}

});

jquery读取jsonp数据代码

HTML状态码大全(301,404,500等)

html,shtml和htm的区别

原文地址:http://www.35ui.cn/post/20160311921.html

时间: 2024-08-08 02:00:34

jquery滚动条加载数据的相关文章

asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)

自从腾讯微博上线以来,基本上就开始用了,一直到现在,作为一个开发人员,也看到了腾讯微博一直在不停的改变,也不知道大家有没有发现,腾讯微博提供两种加载数据的方式,一种是分页,一种是滚动浏览器滚动条加载数据,分页功能我想大家都做得太多了,今天我与大家分享一下我用滚动条滚动加载数据,小生不才,还望各位大侠指教,呵呵~ 下面开讲: 首先说一下思路,我用的是Jquery,然后通过Jquery的ajax()方法通过 HTTP 请求加载远程数据来实现的,用到Jquery,首先要应用jquery.min.js类

jQuery异步加载数据添加事件

几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了.当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的.1.之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能 $('#div').live('click',function(){ //do stuff }); 但是live方法也有不支持的事件,例如:togg

jQuery异步加载数据并添加事件示例

当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的. 1.之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能 $(‘#div').live(‘click',function(){ //do stuff }); 但是live方法也有不支持的事件,例如:toggle事件 ,遇到这个情况可以给他加个click事件,之后再来个模拟点击trigger事件就ok了 $(

jQuery实现当拉动滚动条到底部加载数据

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery实现当拉动滚动条到底部加载数据</title><script type="text/javascript&qu

[JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件

页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志 今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据  都可以 别忘了引用jquery类库 [JavaScript] 纯文本查看 复制代码

SpringMVC+Jquery -页面异步加载数据

背景: 做项目时涉及到页面,当我打算在controller中传一个list到页面,然后通过<c:foreach>循环遍历出来时,同事说:你这样每次都要刷新,这都是几百年前使用的技术了.你用post实现异步加载数据.然后就...... ResultUtil.java 工具类: package com.sgcc.uds.fs.config.web.util; import java.util.HashMap; import java.util.Map; import net.sf.json.JSO

WP8_当滚动到滚动条的70%时,自动加载数据效果实现

Touch.FrameReported += Touch_FrameReported;   void Touch_FrameReported(object sender, TouchFrameEventArgs e) { // 传入null表明获取到的触控点信息是以屏幕左上角为原点的. var primaryPoint = e.GetPrimaryTouchPoint(null);   if (primaryPoint != null && primaryPoint.Action == T

jquery.autocomplete 插件扩展滚动条加载更多

项目中用到autocomplete插件,但是插件的原有功能,不能满足项目全部需求所以修改了增加了以下几点功能: 1 粘贴文本自动加载数据 2 滚动条滚动到底部加载更多数据 3 与页面插件联动更新数据(清除缓存) 4 增加插件赋值给一个隐藏域,就可以得到文本和值 (做asp.net的用起来比较方便) 如果要启用滚动条加载更多数据 配置参数时加上 scroll:true, pagingMore:true 在加载更多时请求的url参数会有一个page的参数 它标识当前请求的是第几页数据 ps(这个分页

jquery easyui使用(三)&#183;&#183;&#183;&#183;&#183;&#183;datagrid加载数据(未解决)

<div id="table_Data"> </div> $("#table_Data").datagrid({ toolbar: '#myToolbar', url: urlAshx, queryParams: { "action": "carlist" }, method: 'post', width: 'auto', height: '500px', iconCls: 'icon-edit', s