我正在对服务器进行ajax调用.我需要运行的代码可以分为3组.
>需要在ajax调用之前运行的代码(准备json对象进入服务器)
>在返回ajax调用后需要运行的代码(使用从服务器发回的内容)
>需要在用户按下按钮的时间和完成所有操作的时间之间运行的代码.此代码不需要返回的json对象.
在进行ajax调用之后和结果返回之前运行第3组中的代码是理想的,以获得最佳用户体验和性能.
可以这样做吗？
怎么样？
非常简单：
function someFunction() {
//1. code that needs to run before ajax
$.ajax({...}).done(function () {
//2. code that needs to be run after the ajax call has returned
});
//3. code that needs to be run between the time the user presses
// a button and the time everything is done.
}
这是有效的,因为JavaScript在执行时是同步的(除非正在使用工作程序,但这与此特定问题无关).第一位代码将运行,然后ajax调用将告诉浏览器启动XHR请求,但someFunction尚未完成,因此它将继续同步执行.
一旦完成someFunction,控制流将打开发生的任何异步事件,最终导致完成回调.
公平地说,异步的面向事件的编程对于大多数人来说并不容易.很容易忘记在什么时间发生什么代码.
以下是异步行为如何工作的易于执行的示例：
(function () {
alert(1);
setTimeout(function () {
alert(2);
},0); //note the 0ms delay
alert(3);
}());
警报的顺序将是1,3,2 .setTimeout将不会同步调用其回调,因为它依赖于等待指定的时间量,所以即使没有时间过去,它仍然必须等待当前功能在继续之前完成.
