ajax回调给全局变量,jquery.Ajax回调成功后数据赋值给全局变量的问题

先来看一代码ajax

function checkoldpass($pass) {

$.ajax({

type: 'get',

url: '/admin/check',

data: {'password': $pass},

dataType: 'json',

success: function (data) {

console.log(data)

}

});

console.log(123);

}

这个运行结果是：json

浏览器控制台先打印：123,而后才打印返回来的data。浏览器

为何会是这样。由于js ajax请求原生就是异步的。异步

这就是说若是你在ajax回调函数外声明的变量，在ajax外打印会是null或者是undefined

async

function checkoldpass($pass) {

var msg = null;

$.ajax({

type: 'get',

url: '/admin/check',

data: {'password': $pass},

dataType: 'json',

success: function (data) {

msg = data

}

});

console.log(msg);

}

这样打印出来的msg确定是null。由于是异步的，因此js顺序执行到msg这里确定是空了。ide

解决这个问题的办法函数

function checkoldpass($pass) {

var msg = null;

$.ajax({

type: 'get',

url: '/admin/check',

data: {'password': $pass},

dataType: 'json',

async:false,

success: function (data) {

msg = data

}

});

console.log(msg);

}

在请求的代码里加上async:false,把请求设置为同步的。这样只有回调以后，js才会执行下面的代码。url

但这种体验我的感受很差。仍是在回调里完成其它的操做比较好。get