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

先来看一代码

function checkoldpass($pass) {
    $.ajax({
        type: ‘get‘,
        url: ‘/admin/check‘,
        data: {‘password‘: $pass},
        dataType: ‘json‘,
        success: function (data) {
            console.log(data)
        }
    });
    console.log(123);
}

这个运行结果是:

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

为什么会是这样。因为js ajax请求原生就是异步的。

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

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这里肯定是空了。

解决这个问题的办法

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才会执行下面的代码。

但这种体验个人感觉不好。还是在回调里完成其它的操作比较好。

时间: 2024-10-27 11:58:28

jquery.Ajax回调成功后数据赋值给全局变量的问题的相关文章

【jquery】ajax 请求成功后新开窗口被拦截解决方法

问题: 前面开发项目时碰到一个问题,ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是很可惜被浏览器给拦截了,怎么解决这个问题呢? 分析: 浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限制),即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所

详谈 Jquery Ajax 异步处理Json数据.

详谈 Jquery Ajax 异步处理Json数据.

jquery ajax请求成功,返回了数据,但是不进success的问题 【转】

这几天一直被 ajax请求成功,返回了数据,但是不进success的问题困扰着,怎么弄就是解决不了,总以为 是:$(document).ready(function(){});没起作用,一直找页面加载的方法来试,整了好几天没整出来....今天比较幸运, 在网上找到了一篇关于这方面问题的文章,按上面的方法一试,果然ok了,哈哈哈,真是太高兴了....终于解决这个问题了. 这个问题的原因(来自http://www.myexception.cn/ajax/413061.html的拷贝内容): ----

jquery ajax获取和解析数据

最近项目中用到了ajax技术,之前虽然写过一点点,但是没有系统的总结过.趁着刚刚用过,手热就记录一下,方便以后查阅. $.ajax中的参数 $.ajax的函数格式: $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); type:要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏

ajax请求成功后打开新窗口地址

转自:http://www.cnblogs.com/linjiqin/p/3148205.html jQuery.ajax({       "type":"post",       "url":"http://www.baidu.com",       "success":function(rel){            if(rel.isSuccess){                 window.

ajax请求成功后新窗口window.open()被拦截的解决方法

ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限制),即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截. 解决方法: 1.异步改为同步,即:async:false 2.将新开窗口指向为一个对象,然后修改对象的 ur

关于ajax请求数据,并将数据赋值给全局变量的一些解决方法

在使用ajax请求数据是,开始的时候是打算将ajax的数据取出,并赋予给全局变量,但是在实际编码过程中发现并不能将数据赋予给最开始定义的全局变量,出现这个问题的原因是由于ajax异步加载的原因,所以只能用其他方法来解决,下来是解决的方法 第一个解决方法没有使用全局变量,直接在ajax请求中将请求到的数据赋值给需要的地方 第二个方法是将请求到的数据,通过方法传参来传递给一个方法,然后再方法中来调用请求到的数据,下面是实现的代码 var testData; $.ajax({ url: '/test'

ajax请求成功后返回值如何赋值给js变量

var msg = "" $.ajax({             type:"POST",             url :"ajax/checkArray.php",             data:"nns_config_item_value="+nns_config_item_value,             success:function(data){                          if

浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法(转载)

在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如: 复制代码 代码如下: function ManageCommentText(text) {var result = text;$.ajax({data: "get",url: "GetComments.aspx",data: "typ