JavaScript循环中的回调导致问题
JavaScript循环中的回调导致问题
提问于 2012-10-08 11:44:17
我有一个通过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为每个新闻条目加载图像。
提前谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-10-08 13:36:22
基于我对这个问题的回答中的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函数按顺序收集异步结果，因此它可以做您想要的事情。
Stack Overflow用户
发布于 2012-10-08 12:16:27
如果事件的顺序很重要，请将其设置为同步过程
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12775021
复制相关文章
相似问题
腾讯云开发者
