我正在对服务器进行ajax调用.我需要运行的代码可以分为3组.
>需要在ajax调用之前运行的代码(准备json对象进入服务器)
>在返回ajax调用后需要运行的代码(使用从服务器发回的内容)
>需要在用户按下按钮的时间和完成所有操作的时间之间运行的代码.此代码不需要返回的json对象.
在进行ajax调用之后和结果返回之前运行第3组中的代码是理想的,以获得最佳用户体验和性能.
可以这样做吗?
怎么样?
非常简单:
原文链接:https://www.f2er.com/ajax/159820.htmlfunction 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将不会同步调用其回调,因为它依赖于等待指定的时间量,所以即使没有时间过去,它仍然必须等待当前功能在继续之前完成.