jquey中ajax请求的异步和同步设置

需要实现的效果：点击按钮后，分别调用三个接口更新数据，数据更新完之后刷新当前页面。

（实现方式未必是最好的，此处只关注ajax的异步设置）

一般情况下使用 $.ajax() 是异步处理的，三个ajax请求分别发送后，可以在未有response返回的情况下继续执行下面reload()页面的代码

 

设置 async 为 false 则可以让ajax请求变成同步执行，就是执行完第一个请求后再执行第二请求。

function initData(nick, url, accessToken) {
    $.ajax({
        async: false,//把异步请求改为同步
        url: url,
        type: "GET",
        dataType: 'json',
        data: {nick: nick, is_refresh: true, access_token: accessToken},
        complete: function (resp) {
            return true;
        }
    });
}

$(document).ready(function () {
    $(".refresh").click(function (event) {
        var nick = "test";
        $.get("http://www.test.com?r=ruleLog/findsession"", {nick: nick}, function (resp) {
            if (resp.flag) {
                var accessToken = resp.data;
                var tmp_url = "http://www.test.com?r=init/tem_action";
                var actions = ['campaign', 'adgroup', 'creative'];
                for (var i = 0; i < actions.length; i >= 0) {
                    var url = tmp_url.replace("tmp_action", actions[i]);
                    initData(nick, url, accessToken);
                    i++;
                }
                location.reload();
            } else {
                alert(resp.data);
            }
        }, 'json');
    });
});