0

我有一个使用 WCF 服务（在 SharePoint 中）使用数据的函数。该服务不返回项目所需的特定字段，因此我使用 SharePoint 客户端对象模型通过使用 WCF 服务返回结果中的 ID 来查询该字段。

function LoadAllNews() {
var listUrl = "/_vti_bin/ListData.svc/Pages";

$.getJSON(listUrl,
 function (data) {
     $.each(data.d,
      function (i, result) {
          GetImageUrl(result.Id, function (image) {
              $(ConstructHtml(image, result.Title, result.Path, result.Name)).appendTo("#News");
          });
      });
 });

}

当我在这里调试时result，我总是以相同的顺序返回项目，但由于 GetImageUrl 异步执行查询，因此项目不会以相同的顺序附加。大多数情况下，他们必须有时看起来是随机的，因为获取图像的时间会有所不同：

function GetImageUrl(id, callback) {
    var context = new SP.ClientContext();
    var items = context.get_web().get_lists().getByTitle('Pages').getItemById(id);
    context.load(items);

    context.executeQueryAsync(function () {
        callback(items.get_item('PublishingRollupImage'));
    });
}

function ConstructHtml(imageUrl, title, path, name) {
    var html = "" // a long html string..
    return html;
}

我可以在 sharepoint.stackexchange 上发布此内容，但这里的受众范围更广，如何使用 JavaScript 处理这个问题比使用 SharePoint 本身更重要。

关于我应该如何处理这个问题的任何想法？我在想像跳过 LoadAllNews() 中的图像，然后在添加所有项目时使用 JavaScript/jQuery 为每个新闻项目加载图像。

提前致谢。

4

2 回答 2

0

如果事件的顺序很重要，请将其设为同步过程

于 2012-10-08T04:16:26.650 回答
0

基于fork我对这个问题的回答中的功能：Coordinating parallel execution in node.js。我会这样做：

var getImages = [];
var meta = [];
$.each(data.d,
  function (i, result) {
    getImages.push(function(callback){
      GetImageUrl(result.Id, callback);
    });
    meta.push({
      title : result.Title,
      path : result.Path,
      name : result.Name
    });
});

fork(getImages,function(images) {
  $.each(images,function(i,image){
      $(ConstructHtml(
          image,
          meta[i].title,
          meta[i].path,
          meta[i].name
      )).appendTo("#News");
   });
});

的实现fork很简单：

function fork (async_calls, shared_callback) {
  var counter = async_calls.length;
  var all_results = [];
  function makeCallback (index) {
    return function () {
      counter --;
      var results = [];
      // we use the arguments object here because some callbacks 
      // in Node pass in multiple arguments as result.
      for (var i=0;i<arguments.length;i++) {
        results.push(arguments[i]);
      }
      all_results[index] = results;
      if (counter == 0) {
        shared_callback(all_results);
      }
    }
  }

  for (var i=0;i<async_calls.length;i++) {
    async_calls[i](makeCallback(i));
  }
}

上面的fork函数按顺序收集异步结果，因此它完全符合您的要求。

于 2012-10-08T05:36:21.997 回答