android - json parse构建jQuery Mobile页面最佳实践

Question

我正在使用 phonegap 开发一个 android 应用程序，它在页面加载时调用一个 api，获取一个 json 对象作为返回参数。

现在我必须通过从接收到的对象中提取值来使用 jQuery Mobile 构建页面。

所以我想问的是什么是可以减少加载时间的最佳实践。

感谢您的帮助。

我现在在做什么

<script>
    $(document).ready( function() {
        $.ajax({
            url : "demourl.com",
            type : "GET",
            success : function(data) {
                var obj = $.parseJSON(data);
                $("#results").html(obj.messagedetails[0].spamReason.userApprove);},
            fail : function() {
                $("#notification").text("Try again after some time.");
            }
        });
    });
</script>

从此调用中获取对象并将其设置在

<div id="results"></div>

Answer 1

1. 对于 $.ajax/$.getJSON 加载时间，您无能为力，这将取决于您的互联网连接。

2. 永远不要在页面转换期间加载数据，在页面更改之前或页面更改之后进行。最佳做法是在页面更改之前执行此操作(仅显示 AJAX 加载程序以指示正在加载 AJAX 内容)。

3. 加载数据时使用 .append( 而不是 .html( 来追加数据.

4. 如果您使用 each 或 for loop 添加动态内容(laoded使用 AJAX) UNDER NO CIRCUMSTANCES 增强页面标记(应用 jOuery Mobile 样式到新添加的内容)在每个循环中，这是一个巨大的时间消耗，只有在添加了所有内容之后才这样做。

   您可以在我的 ARTICLE 中找到更多相关信息，或找到它 HERE .

5. 不要使用document ready，它可能在页面加载前触发。而是使用正确的页面事件。

   在我的其他 ARTICLE 中找到更多关于 document ready 与 page events 的信息，在这里您还将找到一种基准测试 jQuery Mobile 的方法，以及一些关于某些 jQM 操作需要多少时间的统计数据。