php教程|PHP开发
jQuery ajax 自动加载
php教程-PHP开发
rar源码怎么解决,ubuntu出现权限不够,tomcat服务器重启工具,男孩爬虫游戏,php网页自动保存pdf,seo990lzw
滚动测试
<!--
title
content content content content content content content
-->
查看更多>>>
/*endlesspage.js*/var gPageSize = 10;var i = 1; //设置当前页数,全局变量$(function () { //根据页数读取数据 function getData(pagenumber) { i++; //页码自动增加,保证下次调用时为新的一页。 $.get("/ajax/Handler.ashx", { pagesize: gPageSize, pagenumber: pagenumber }, function (data) {if (data.length > 0) { var jsonObj = JSON.parse(data); insertDiv(jsonObj);} }); $.ajax({type: "post",url: "/ajax/Handler.ashx",data: { pagesize: gPageSize, pagenumber: pagenumber },dataType: "json",success: function (data) { $(".loaddiv").hide(); if (data.length > 0) {var jsonObj = JSON.parse(data);insertDiv(jsonObj); }},beforeSend: function () { $(".loaddiv").show();},error: function () { $(".loaddiv").hide();} }); } //初始化加载第一页数据 getData(1); //生成数据html,append到div中 function insertDiv(json) { var $mainDiv = $(".mainDiv"); var html = \; for (var i = 0; i < json.length; i++) {html +=
;html +=
+ json[i].rowId + + json[i].D_Name +
;html +=
+ json[i].D_Name + + json[i].D_Password +
;html +=
; } $mainDiv.append(html); } //==============核心代码============= var winH = $(window).height(); //页面可视区域高度 var scrollHandler = function () { var pageH = $(document.body).height(); var scrollT = $(window).scrollTop(); //滚动条top var aa = (pageH - winH - scrollT) / winH; if (aa < 0.02) {//0.02是个参数if (i % 10 === 0) {//每10页做一次停顿! getData(i); $(window).unbind(scroll); $("#btn_Page").show();} else { getData(i); $("#btn_Page").hide();} } } //定义鼠标滚动事件 $(window).scroll(scrollHandler); //==============核心代码============= //继续加载按钮事件 $("#btn_Page").click(function () { getData(i); $(window).scroll(scrollHandler); });});
using System;using System.Web;using System.Data;using MSCL;using Newtonsoft.Json;public class Handler : IHttpHandler { public void ProcessRequest(HttpContext context) { //核心处理程序 string pageSize = context.Request["pagesize"]; string pageIndex = context.Request["pagenumber"]; if (string.IsNullOrEmpty(pageSize) || string.IsNullOrEmpty(pageIndex)) {context.Response.Write(""); } else {//请结合实际自行取分页数据,可调用分页存储过程MSCL.PageHelper p = new PageHelper();p.CurrentPageIndex = Convert.ToInt32(pageIndex);p.FieldsName = "*";p.KeyField = "d_id";p.SortName = "d_id asc";p.TableName = "testtable";p.EndCondition = "count(*)";p.PageSize = Convert.ToInt32(pageSize);DataTable dt = p.QueryPagination();string json = JsonConvert.SerializeObject(dt, Formatting.Indented);context.Response.Write(json); } } public bool IsReusable { get {return false; } }}
[ { "rowId": 1, "D_Id": 1, "D_Name": "名称1", "D_Password": "密码测试1", "D_Else": "其他1" }, { "rowId": 2, "D_Id": 2, "D_Name": "名称2", "D_Password": "密码测试2", "D_Else": "其他2" }, { "rowId": 3, "D_Id": 3, "D_Name": "名称3", "D_Password": "密码测试3", "D_Else": "其他3" }, { "rowId": 4, "D_Id": 4, "D_Name": "名称4", "D_Password": "密码测试4", "D_Else": "其他4" }, { "rowId": 5, "D_Id": 5, "D_Name": "名称5", "D_Password": "密码测试5", "D_Else": "其他5" }, { "rowId": 6, "D_Id": 6, "D_Name": "名称6", "D_Password": "密码测试6", "D_Else": "其他6" }, { "rowId": 7, "D_Id": 7, "D_Name": "名称7", "D_Password": "密码测试7", "D_Else": "其他7" }, { "rowId": 8, "D_Id": 8, "D_Name": "名称8", "D_Password": "密码测试8", "D_Else": "其他8" }, { "rowId": 9, "D_Id": 9, "D_Name": "名称9", "D_Password": "密码测试9", "D_Else": "其他9" }, { "rowId": 10, "D_Id": 10, "D_Name": "名称10", "D_Password": "密码测试10", "D_Else": "其他10" }]
注册登陆网站源码,vscode怎么调终端,ubuntu分区 教程,启动tomcat配置失败,sqlite数据库的创建,爬虫时怎么解决百度屏蔽,php 购物商城,东莞seo项目怎么投放,网站前端软件下载,简洁的手机导航页面模板下载lzw
更多jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)相关文章请关注PHP中文网!
手机薄荷锁机源码,安装ubuntu 安全启动,tomcat8性能测试,pytho爬虫基础,php如何写日志,舞钢SEOlzw
如果觉得《jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)》对你有帮助,请点赞、收藏,并留下你的观点哦!