how can i bind datalist with ajax webservice

Question

Manas Mohapatra · Answer

Follow below links that may help you: https://www.aspsnippets.com/Articles/Populate-ASPNet-DataList-by-binding-DataSet-Client-Side-using-jQuery-AJAX.aspx http://www.binaryintellect.net/articles/aaecb7bc-18d2-44c5-8d81-07b8cb634a0b.aspx https://www.mikesdotnetting.com/article/104/many-ways-to-communicate-with-your-database-using-jquery-ajax-and-asp-net

Manas Mohapatra · Answer

Make sure that your GetRecrds() method is calling properly when scroll down happens. Next if it happens you need to check it binds data perfetly. Follow below link that may help you: http://www.c-sharpcorner.com/article/lazy-loading-in-asp-net-mvc/

Gaurav Raj · Answer

hi Manas Mohapatra this is my code but it not working according to me $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { GetRecords(); } }); function GetRecords() { $.ajax({ type: POST contentType: application/json; charset=utf-8 url: http://localhost:11722/WebServiceSocialNet.asmx/getHome data: '{s: ' + 15+ '}' dataType: json success: function (data) { alert('success'); //Iterate through returned data and append it to the grid view var row = $([id*=DataList1]).eq(0).clone(true); for (var i = 0; i // $(.name row).eq(j).html(customer.find(ContactName).text()); row= $(#DataList1 .name).html(data.d[i].BlogId).text(); row = $(#DataList1 .blogPic).html(data.d[i].BlogPic).text(); row = $(#DataList1 .Blog).html(data.d[i].Blog).text(); row = $(#DataList1 .Date1).html(data.d[i].date).text(); row = $(#DataList1 .Time1).html(data.d[i].time).text(); row = $(#DataList1 .Blogby).html(data.d[i].blogbyname).text(); row = $(#DataList1 .UserPic).html(data.d[i].userpic).text(); row = $(#DataList1 .LIKED).html(data.d[i].liked).text(); row = $(#DataList1 .TotalComment).html(data.d[i].totallike).text(); row = $(#DataList1 .TotalLike).html(data.d[i].totalcomment).text(); // $([id*=DataList1]).append(row); //alert(row); } $([id*=DataList1]).append(row); } error: function (result) { alert(Error reading the web method error); } }); } border: dashed 2px #04AFEF; background-color: #B0E2F5> Blog Pic: Blog Date1: Time1: TotalComment: TotalLike: UserPic: Blogby: BlogbyUserID: LIKED: