jQuery函數

Question

我要實現我的ASP.NET web應用程序的JQuery無限滾動後使用數據添加到asp.net表，我用以下的jQuery funcyion（從http://code.msdn.microsoft.com/CSASPNETInfiniteLoading-16f5bdb8拍攝）：

$(document).ready(function() { 

     function lastPostFunc() { 
      $('#divPostsLoader').html('<img src="images/bigLoader.gif">'); 

      //send a query to server side to present new content 
      $.ajax({ 
       type: "POST", 
       url: "Default.aspx/Foo", 
       data: "{}", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (data) { 

        if (data != "") { 
         $('.divLoadData:last').after(data.d); 
        } 
        $('#divPostsLoader').empty(); 
       } 

      }) 
     }; 

divLoadData是一個將接收數據（以HTML格式）的div，但我想將數據追加到一個asp.net表，我如何追加數據？我應該使用功能？還我應該如何生成我的HTML附加到這個服務器端表控制，使用下面的代碼（在將WebMethod功能）當前數據被創建：

foreach (DataRowView myDataRow in dv) 
      { 
       getPostsText.AppendFormat("<p>author: {0}</br>", myDataRow["author"]); 
       getPostsText.AppendFormat("genre: {0}</br>", myDataRow["genre"]); 
       getPostsText.AppendFormat("price: {0}</br>", myDataRow["price"]); 
       getPostsText.AppendFormat("publish date: {0}</br>", myDataRow["publish_date"]); 
       getPostsText.AppendFormat("description: {0}</br></p>", myDataRow["description"]); 
      } 
      getPostsText.AppendFormat("<div style='height:15px;'></div>"); 

最後getPostsText發送到JQuery的

Answer 1

您可以使用jQuery中的.after（）函數將一些內容附加到另一個元素之後。

所以不是

$("servers").append(...); 

你會使用

$("#" + id +).closest("tr").after(...); 

，或者您也可以使用

$(...).insertAfter($("#" + id).closest("tr")); 

基本上是相等的。

請參閱http://api.jquery.com/after/瞭解詳細信息。

Answer 2

你有時差的doc ready外的函數：

function lastPostFunc() { 
     $('#divPostsLoader').html('<img src="images/bigLoader.gif">'); 
     $.ajax({ 
      type: "POST", 
      url: "Default.aspx/Foo", 
      data: {}, 
      contentType: "application/json", 
      dataType: "json", 
      success: function (data) { 
       if (data != "") { 
        $('#divDynamicData').append(data.d); 
       } 
       $('#divPostsLoader').empty(); 
      } 
     }); 
    } 


$(document).ready(function() { 
    $(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).scrollHeight - $(window).height()) { 
     lastPostFunc(); 
    } 
    }); 
});