$.ajax 和 IBM Worklight 的 JSONstore

Question

我正在尝试存储 $.ajax() 函数返回的 json 数据，但遇到了麻烦。下面是我打的电话（我知道它正确地返回了我的 JSON 数据，我已经记录了它（由于个人原因删除了网址）。

$.ajax({
    type: "GET",
    url: **url that returns json data**
    contentType: "application/json; charset=utf-8",
    dataType: "json", 
    success: function(msg) {
        return msg;
    },          
    error: function(e){
      WL.Logger.log(e);
    }
 });

然后我使用 worklight 初始化我的 JSONStore：

//Setup JSON store
var collectionName = 'people';

//Object that defines all the collections
var collections = {};

//Object that defines the 'people' collection
collections[collectionName] = {};

WL.JSONStore.init(collections);

所以现在我遇到了问题。我想将从我的 ajax 调用返回的 JSON 数据添加到我的 JSONStore。所以我尝试了这个（getJSONData 是上面 ajax 调用的包装器）：

WL.JSONStore.get(collectionName).add(getJSONData());

但是，当我打印集合时，其中没有存储任何内容，当我打印 WL.JSONStore.get(collectionName).count 时，没有返回任何内容。如何正确添加返回给我的数据？

Answer 1

AJAX 调用和 JSONStore API 都是异步 API，这意味着您要么必须使用它们返回的 deferred，要么传递一个成功回调以等待其完成，然后再进行下一步。

您得到 PERSISTENT_STORE_NOT_OPEN 的原因是您正在调用 init，而不是等待它完成，而是在 init 未完成的情况下立即调用 add，这就是它说存储尚未初始化的原因。

你可能会这样做：

$.ajax({
  type: "GET",
  url: **url that returns json data**
  contentType: "application/json; charset=utf-8",
  dataType: "json", 
  success: function(msg) {
      //Setup JSON store
      var collectionName = 'people';

      //Object that defines all the collections
      var collections = {};

      //Object that defines the 'people' collection
      collections[collectionName] = {};

      WL.JSONStore.init(collections)

      .then(function(res){
         WL.JSONStore.get(collectionName).add(getJSONData());
      });

      return msg;
  },          
  error: function(e){
    WL.Logger.log(e);
  }
});

（请注意我如何更改成功回调以使用 AJAX 调用的结果。）

编辑：这里有一些关于 Javascript 中的延迟和承诺的更多信息供参考：http://code.tutsplus.com/tutorials/wrangle-async-tasks-with-jquery-promises--net-24135

JSONStore 在每次 API 调用时都会返回一个 Promise，这样您就可以使用 Promise 来处理回调，而不必每次都传递成功和失败回调。

Answer 2

您在上面进行的调用是异步的。因此，它可能不会返回您认为的内容。

你要么必须：

1. 使用 deferred 等待返回
2. 将您的 JSONStore 添加命令放入 ajax 调用的成功函数中。
3. 使用同步标志调用 ajax：jQuery: Performing synchronous AJAX requests