<head id="Head1" runat="server"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> var pageIndex = 1; var pageCount; $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { GetRecords(); } }); function GetRecords() { pageIndex++; if (pageIndex == 2 || pageIndex <= pageCount) { $("#loader").show(); $.ajax({ type: "POST", url: "CS1.aspx/GetFollowersData", data: '{pageIndex: ' + pageIndex + '}', contentType: "application/json; charset=utf-8", dataType: "json", success: OnSuccess, failure: function(response) { //alert(response.d); }, error: function(response) { //alert(response.d); } }); } GetFollowersData } function OnSuccess(response) { var xmlDoc = $.parseXML(response.d); var xml = $(xmlDoc); pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text()); var Followers = xml.find("Followers"); var table = $("#dvFollowers table") Followers.each(function () { var Follower = $(this); var row = $("#dvFollowers table tr").eq(0).clone(true); $(".UserName", row).html(Follower.find("RowNumber").text()); $(".FirstName", row).html(Follower.find("Reg_No").text()); $(".LastName", row).html(Follower.find("Reg_Curr_Code").text()); $(".Country", row).html(Follower.find("PostedOn").text()); table.append(row); }); $("#loader").hide(); } </script> </head> <body> <form id="form1" runat="server"> <div id="dvFollowers"> <asp:DataList Width="100%" ID="DataListFollowers" runat="server"> <ItemTemplate> <table><tr><td><%# Eval("RowNumber") %></td></tr></table> <table><tr><td><%# Eval("Reg_No")%></td></tr></table> <table><tr><td><%# Eval("Reg_Curr_Code")%></td></tr></table> <table><tr><td><%# Eval("PostedOn")%></td></tr></table> </ItemTemplate> </asp:DataList> <img id="loader" alt="" src="103.gif" style="display: none" /> </div> </form> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)