使用jQuery，AJAX和ASP.NET动态加载数据页下的滚动-ASP教程-爱易网页

日期：2014-05-17　浏览次数：21237 次

使用jQuery，AJAX和ASP.NET动态加载数据页上的滚动

介绍

在Facebook上，你可能会看到你的朋友，你的browsera的滚动条滚动时动态加载的状态更新。在这篇文章中，我将解释如何，我们可以使用jQuery和AJAX做到这一点的

使用代码

该解决方案包括两个Web窗体（的Default.aspx和AjaxProcess.aspx）的。的Default.aspx包含一个 DIV ID myDiv。最初息包含一些静态的数据，那么数据是动态附加到它使用jQuery和AJAX，

<p>Static data initially rendered.</p>

</div>

第二个Web的表AjaxProcess.aspx包含一个Web方法的GetData（）被调用使用AJAX来检索数据。

[WebMethod]

public static string GetData()

{

string resp = string.Empty;

resp += "<p>This content is dynamically appended to the existing content on scrolling.</p>";

return resp;

}

现在，我们可以添加一些jQuery脚本中的Default.aspx页面滚动和调用的GetData（）方法将被放弃。

$(document).ready(function () {

$(window).scroll(function () {

if ($(window).scrollTop() == $(document).height() - $(window).height()) {

sendData();

}

});

function sendData() {

$.ajax(

{

type: "POST",

url: "AjaxProcess.aspx/GetData",

data: "{}",

contentType: "application/json; charset=utf-8",

dataType: "json",

async: "true",

cache: "false",

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。