jQuery：等待函数完成继续处理？

Question

嘿，所有。我看来似乎是一个微不足道的问题。我有以下的JavaScript：

$(function() { 
    var r = GetResults(); 

    for(var i = 0; i < r.length; i++) { 
     // Do stuff with r 
    } 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
     return data; 
    }); 
} 

由于这样的事实，我打电话的方法同步，则​​脚本继续执行，当它遇到的for循环，r显然是不会有一个值呢。我的问题是：当我有一个正在执行异步操作的方法，并且依赖于返回到主块的数据时，如何在数据返回之前暂停执行？类似于：

var r = GetResults(param, function() { 

}); 

其中函数是回调函数。我无法将for循环处理移动到JSON请求的回调函数中，因为我在整个页面中多次重复使用GetResults的功能，除非我想复制代码。有任何想法吗？

Answer 1

将您的“用r做的东西”块移到您的$ .getJSON回调中。在交付之前，你不能用r来做任何事情，而你必须使用r的第一个机会在回调中......那么就这样做。

$(function() { 
    var r = GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
     return data; 
    }); 
} 

Answer 2

你可以这样做：

$(function() { 
    PerformCall();   
}); 

function PerformCall() { 
    $.getJSON("/controller/method/", null, function(data) { 
     for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
     } 
    }); 
} 

Answer 3

这是不可能的。

要么你让你的函数同步，要么改变代码的设计以支持异步操作。

Answer 4

移动数据处理步入回调：

$(function() { 
    GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 

     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
    }); 
} 

Answer 5

阿贾克斯已经给你一个回调，你应该使用它：

function dostuff(data) { 
    for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
    } 
}; 
$(document).ready(function() { 
    $.getJSON("/controller/method/", null, dostuff); 
}); 

Answer 6

简短的回答是，你不能阻止在异步操作上......这当然是“异步”的意思。

取而代之，您需要更改代码以使用回调触发基于$.getJSON(...)调用返回的数据的操作。像下面这样的东西应该工作：

$(function() { 
    GetResults(); 
}); 

function GetResults() { 
    $.getJSON("/controller/method/", null, function(data) { 
    for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
    } 
    }); 
} 

Answer 7

鉴于你更新的要求......

我不能移动的循环处理 成JSON 请求的回调函数，因为我重用 在整个页面中GetResults的几个 时间的功能，除非我想要复制代码 。有任何想法吗？

...你可以修改GetResults()接受函数作为参数，你会再执行为您$.getJSON回调（空气码警告）：

$(function() { 
    GetResults(function(data) { 
     for(var i = 0; i < data.length; i++) { 
      // Do stuff with data 
     } 
    }); 
}); 

function GetResults(callback) { 
    $.getJSON("/controller/method/", null, callback); 
} 

你可以从一般的看答案的潮流，你最好不要试图对抗异步jQuery编程模型。:)

Answer 8

你可以有应该很好地工作参数的回调...

$(function() { 
    GetResults(function(data) { 
     for(var i = 0; i < data.length; i++) { 
     // Do stuff with data 
     } 
    }); 

}); 

function GetResults(func) { 
    $.getJSON("/controller/method/", null, func); 
} 

Answer 9

我以前碰到类似的事情。你将不得不同步运行ajax调用。

这是我的工作例如：

$.ajax({ 
    type: "POST", 
    url: "/services/GetResources", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    data: '{resourceFileName:"mapedit",culture:"' + $("#lang-name").val() + '"}', 
    cache: true, 
    async: false, // to set local variable 
    success: function(data) { 
     localizations = data.d; 
    } 
});