关于Ajax的异步同步说明，及Ajax结果函数中赋值全局变量

一、关于Ajax的异步与同步

1.async值为true （异步）

  当ajax发送请求后，在等待server端返回的这个过程中，前台会继续执行ajax块后面的脚本，直到server端返回正确的结果才会去执行success，也就是说这时候请求users/sessions的请求还没有执行完，可能就执行了后面的操作，那么后面就可能出现空值的情况。

2.async值为false （同步）

  当执行当前AJAX的时候会停止执行后面的JS代码，直到AJAX执行完毕后时，才能继续执行后面的JS代码。
  false为同步，上面的Ajax请求会将整个浏览器锁死，只有/users/sessions执行结束后，才可以执行后面其它操作。

二、Ajax结果函数中赋值全局变量中出现的问题

1.问题描述及解决方案

• 在默认情况下（异步）：由于Ajax在等待传参，故在Ajax中对于全局变量的修改不是实时的，此时的全局变量将不是Ajax中我们进行设置的全局变量。
• 如果想正常在Ajax中手动设置的全局变量，就需要将异步修改为同步

2.图像解释Ajax异步同步问题

默认情况（异步）运行状态

使用"async": false,修改为同步后运行状态

3.代码实例

问题代码展示

function flightNo() {
    var temp = false;
    $.ajax({
        "url": "index.do",
        "type": "post",
        "data": "type=insert",
        "dataType": "text",
        "success":function (result) {
            if (result === "true"){
                // 此处代码无作用temp = true;
                temp = true;
            }else {
                // 不做处理
            }
        },
        "error":function () {
            // 不做处理
        }
    })
    alert(temp); // 此处将始终为false
    return temp;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

修改后代码展示

function flightNo() {
    var temp = false;
    $.ajax({
        "url": "index.do",
        "type": "post",
        "async": false,// 此处为不同点
        "data": "type=insert",
        "dataType": "text",
        "success":function (result) {
            if (result === "true"){
                // 此处代码无作用temp = true;
                temp = true;
            }else {
                // 不做处理
            }
        },
        "error":function () {
            // 不做处理
        }
    })
    alert(temp); // 此处将收到“temp = true;”这句代码的影响
    return temp;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

三、总结

  在使用Ajax获取参数或返回值用作其他脚本使用时，需要设置为同步进行
  在Ajax的执行结果不影响（不被使用时）到脚本执行时，可以使用默认的异步提高效率