javascript - 用于加载动态 JSON 数据的 JQuery 移动事件

Question

我刚刚通读了 jQuery Mobile 1.3 API 文档事件处理，对要使用的适当事件有点迷失。

基本上，我希望我的 APP 在首次使用 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
        }
    });
});