刷新div中的數據

Question

我有一個使用framework7構建的phonegap應用程序，該應用程序具有'pull to refresh'選項。

這是激活拉refesh功能：

 // Pull to refresh content 
     var ptrContent = $$('.pull-to-refresh-content'); 

     // Add 'refresh' listener on it 
     ptrContent.on('refresh', function (e) { 
      // Emulate 2s loading 
      setTimeout(function() { 

       $(".content-block").empty(); 

       // Refresh the data from url 
       // reload the .content-block div 

myApp.pullToRefreshDone(); 
      }, 1000); 
     }); 

我所需要的。內容塊分度，從這個url其清空後，新的數據重新加載。

不確定該怎麼做 - 上面的函數工作，因爲.content-block在pull之後清空。

Answer 1

你必須做一個AJAX調用，然後使用它的輸出，在這種情況下，插入到.content-block中。

你可以閱讀更多關於AJAX在這裏：

http://api.jquery.com/jquery.ajax/

下面是一些示例代碼：

$.ajax({ 
    method: "GET", 
    url: "http://..." 
}).done(function(data) { 
    // The 'data' variable will contain the json data returned, which you may loop with a foreach loop and convert it into html blocks 
    var contentBlock = ""; // This variable will contain your html 
    $(".content-block").html(contentBlock); 
});