Question

我有一个使用framework7构建的phonegap应用程序，该应用程序具有“pull to refresh”选项。

这是激活pull to 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);
        });

我需要.content-block div在清空后用url中的新数据重新加载。

不知道怎么做 - 上面的函数可以工作，因为.content-block在拉后被清空。

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);
});

刷新div中的数据

1 个答案: