1

我在 jQueryMobile 和 PhoneGap 工作。目前我面临一个大问题。当我单击一个按钮时，它会一一调用多个 API 并一一获取结果。但是在结果页面中，它只有在获得所有 API 的所有结果后才会显示。

在我的应用程序中，当我提交按钮并返回一个 JSON，其中包含要调用的不同 API 的列表

在此处输入图像描述

然后我们异步调用各个API 。

我们一一得到所有结果。并且只有在获得所有结果后才会显示结果。 在此处输入图像描述

那么我的问题是，当我获得第一个 API 结果并在后台结果页面中显示数据时同时调用所有其他 API 时，有什么方法可以显示结果页面？

目前用于显示结果页面需要超过 30 秒的时间。但是我们需要在获得第一个 API 结果时显示结果页面。我们得到 JSON 格式的结果。

任何人都可以帮助我:(我失去了 1 周的时间来解决这个问题！！

4

1 回答 1

0

有许多 HTML 模板解决方案可用 jQuery 模板、下划线和 Mustache 等，我认为最好使用Mustache来解决您的问题。如果您在项目中处理如此多的 DOM 操作，最好使用任何模板。例如：

HTML 模板

<h1>{{header}}</h1>
{{#bug}}
{{/bug}}

{{#items}}
  {{#first}}
    <li><strong>{{name}}</strong></li>
  {{/first}}
  {{#link}}
    <li><a href="{{url}}">{{name}}</a></li>
  {{/link}}
{{/items}}

{{#empty}}
  <p>The list is empty.</p>
{{/empty}}

JSON数据

{
  "header": "Colors",
  "items": [
      {"name": "red", "first": true, "url": "#Red"},
      {"name": "green", "link": true, "url": "#Green"},
      {"name": "blue", "link": true, "url": "#Blue"}
  ],
  "empty": false
}

输出 HTML

<h1>Colors</h1>
<li><strong>red</strong></li>
<li><a href="#Green">green</a></li>
<li><a href="#Blue">blue</a></li>
于 2013-08-13T10:46:55.810 回答