在 jQuery mobile 和 Phonegap 中加载页面内容的更好方法是什么？

Question

我正在使用 jQuery mobile 和 Phonegap 构建 iOS 应用程序。 我建立网站并在 PC 浏览器中进行测试，所以我将后端代码（使用 Ruby）放在 html 文件中，所以当 jQuery 加载页面（使用 $.mobile.changePage()）时，数据将从服务器获取并呈现模板文件。（服务器上的所有文件）。

但是当我将代码放入 Phonegap 时，index.html 文件现在会在本地，我获取服务器端数据的唯一方法是发出 AJAX 请求来获取 json 并插入到页面？或任何其他方式表现更好？

jquery mobile 使用 $.mobile.changePage() 使用 AJAX 请求更改页面，所以如果我确实请求获取数据，这里的 $.mobile.changePage() 函数只进行转换，因为其中没有为我加载任何数据。

Answer 1

Ajax 请求是加载远程内容的好方法。如果您想在显示页面时加载内容，请执行以下操作：

$(document).delegate('[data-role="page"]', 'pageshow', function () {
    $.get('http://domain.com/path_to_script.php?id=blah', function (data) {
        $(this).children('[data-role="content"]').html(data);
    });
});

注意：此示例期望非本地脚本将输出准备好插入 dom 的 html。您可以接收任何类型的数据并根据需要进行解析； data 变量返回来自 ajax 请求的响应。