加載動態JSON數據jQuery Mobile的事件

Question

我通過了jQuery Mobile的1.3 API文檔事件處理讀，有點失去了相應的事件使用。

基本上，我想我的應用程序加載我的博客帖子的加載成像時，其首先使用AJAX推出。我只能認爲以下事件，但不知道哪種最適合我的需要：

$(document).on('pagecreate' , '#blogposts', function() { 
    $.ajax({ 
    //Get data from server 
    }); 
}); 

$(document).on('pagebeforecreate' , '#blogposts', function() { 
    $.ajax({ 
    //Get data from server 
    }); 
}); 

$(document).on('pagebeforeload' , '#blogposts', function() { 
    $.ajax({ 
    //Get data from server 
    }); 
}); 

$(document).on('pagebeforeshow' , '#blogposts', function() { 
    $.ajax({ 
    //Get data from server 
    }); 
}); 

$(document).on('pagecreate' , '#blogposts', function() { 
    $.ajax({ 
    //Get data from server 
    }); 
}); 

$(document).on('pageinit' , '#blogposts', function() { 
    $.ajax({ 
    //Get data from server 
    }); 
}); 

$(document).on('pageshow' , '#blogposts', function() { 
    $.ajax({ 
    //Get data from server 
    }); 
}); 

Answer 1

雖然理論上你就可以使用到這些，通常最好的選擇是去與文件準備好。通過這種方式，無論數據何時返回服務器，響應時間有多長或多短，DOM都可以隨時處理/注入數據。您可以綁定到這個非常容易：

$(document).ready(function() { 
    $.ajax({ 
     // get data from server 
     success: function (data) { 
      $('#blogposts').text(data); // or however you want to inject the data 
     } 
    }); 
});