开发一个小程序多少钱_jQuery完成滚动究竟部时主动加载更多的方

jQuery实现滚动到底部时自动加载更多的方法示例       这篇文章主要介绍了jQuery实现滚动到底部时自动加载更多的方法,涉及jQuery基于ajax动态操作页面元素相关实现技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现滚动到底部时自动加载更多的方法。分享给大家供大家参考,具体如下:

这里利用AJAX,实现滚动到底加载数据功能:

 !DOCTYPE html 
 html xmlns="1999/xhtml" 
 head runat="server" 
 meta http-equiv="Content-Type" content="text/html; charset=utf-8" / 
 title /title 
 script src="js/jquery.min.js" /script 
 script type="text/javascript" 
 $(function () {
 AddSth();
 $(function () {
 $(".main").unbind("scroll").bind("scroll", function (e) {
 var sum = this.scrollHeight;
 if (sum = $(this).scrollTop() + $(this).height()) {
 AddSth();
 function AddSth() {
 $.ajax({
 type: 'POST',
 url: "index.aspx/ReturnSth",
 dataType: "json",
 contentType: "application/json; charset=utf-8",
 //data: "",
 success: function (data) {
 json = $.parseJSON(data.d);
 for (var i in json) {
 var tbBody = " ul li " + json[i].sth + " /li /ul 
 $(".main").append(tbBody);
 $(".main").append(" hr / 
 /script 
 /head 
 body 
 form id="form1" runat="server" 
 div 下拉加载更多 /div br / 
 div /div 
 /form 
 /body 
 /html 

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。


相关阅读