0

我正在使用 Dojo 1.8 中的模块，并且我有一个这样定义的模块：

define(["dojo/request/xhr", "dojo/json"],
  function(xhr, JSON) {

  var url = "server/provider.php";

  return {
    files: {},

    getDirList: function() {
      var self = this;
      xhr(url).then(function(response) {
        response = JSON.parse(response);
        // would love to return the JSON for use here
      }, function(err) {
        console.error(err);
      });
    }
  };

});

我有另一个模块，我想在其中调用该方法然后使用它：

define(["dojo/dom",
        "dojo/dom-construct",
        "dojo/_base/array",
        "afm/utils"
        ],
function(dom,domConst,array, utils) {
  return {
    produceHtml: function() {
      var json = utils.getDirList(); //this returns undefined
      var dirLength = json.length;
      console.log(json);
      for (var i = 0; i < json.length; i++) {
        if(i % 2 === 0) {
          domConst.place('<tr class="even"><td>' + json[i].name + '</td></tr>', 'output');
        } else {
          domConst.place('<tr><td>' + json[i].name + '</td></tr>', 'output');
        }
      }

    }
  };
});

当然，我可以将 DOM 创建代码放入 util 模块中，但这是在不应该的地方混合视图逻辑。如果我想重用 util.getDirList 方法，那就太可怕了。

如何使用该方法返回的 JSON？还有其他人这样做吗？

4

2 回答 2

1

dojo/request/xhr调用的结果是异步进来的，所以设置response参数只有在返回后才进行。你想要的是返回一个 Promise（在这里阅读：http: //dojotoolkit.org/documentation/tutorials/1.8/promises/）。

但首先：你可以让dojo/request为你解析json数据，如下：

require(['dojo/request'],function(request) {
    request.get('http://example.com/data.json', {handleAs:'json'}).then(...)
})

见这里：http ://dojotoolkit.org/reference-guide/1.8/dojo/request.html#dojo-request

现在结合这一点，您的 getDirList 函数可能只是：

getDirList: function() {
    return xhr.get(url, {handleAs:'json'});
}

然后在您的 producerHtml 中，您将执行以下操作：

utils.getDirList.then(function(json) {
    for (var i = 0; i < json.length; i++) {
    if(i % 2 === 0) {
      domConst.place('<tr class="even"><td>' + json[i].name + '</td></tr>', 'output');
    } else {
      domConst.place('<tr><td>' + json[i].name + '</td></tr>', 'output');
    }
});
于 2012-11-05T01:23:12.767 回答
0

在你的第二个模块中，不应该

define(["dojo/dom",
        "dojo/dom-construct",
        "dojo/_base/array",
        "afm/utils"
        ],
function(dom,domConst,array) {

变得

define(["dojo/dom",
        "dojo/dom-construct",
        "dojo/_base/array",
        "afm/utils"
        ],
function(dom,domConst,array, utils) {

?

于 2012-11-04T09:06:39.093 回答