前段时间,开发过程中,遇到些需要异步请求的,便使用ajax来实现,结果发现里面的return值对外面的js逻辑无影响。 ajax中return false了,外面的逻辑依然继续进行(已经设置async: false), 后来试来试去,觉得估计是里面的return false/true对外面不起作用,然后问了下搞前端的同学,结果被告知果然如此。后来在网上搜了下,发现之前也有人提到这样的情况。
后来想到用函数作用域来解决这个问题了,在外面先声明一个变量,然后在ajax中通过返回结果来更新改变量的值,最后出了ajax,通过该变量来判断js是否停止运行。
留下自己的这个代码模式,留着自己看看。
/**
* @desc 下面这个片段用来判断页面上面的$("#Value).val()值是否与数据库中factor所对应的的值相同
* 相同则继续代码的后续部分,不同则直接返回false
*/
var value = $("#Value).val();
var factor = $("#Factor").val();
var result = false;
$.ajax({
type : 'POST',
url: "//url", // 输入验证的url
data: 'factor=' + factor,
dataType : 'json',
async : false,
success: function(msg)
{
if (value! = msg['value'])
{
result= false;
alert('factor对应value值不对!');
}
}
});
if (!result)
{
return false;
}