前端获取Ajax请求获取数据,无法赋值给全局变量

时间：2024-03-01 19:32:31

首先，ajax默认是走异步请求的，ajax异步加载数据。 但是在响应成功之后给全局变量赋值，是不成功的。刚遇到，感觉很奇怪。后来百度了，知道ajax异步加载数据，执行顺序的问题。ajax的异步响应是在最后才返回的，所以打印时，还没响应，因此赋值也是失败的。在加载页面时，ajax还未发起请求。
但有时候有些业务必须这么做。

 

解决：Ajax请求中添加属性  async:false;将ajax请求变为同步请求

　　　　或者在全局设置Ajax属性
　　　　$.ajaxSetup({
  　　　　　　async: false
 　　　　 });

如果说ajax请求成功之后将结果数据想要赋值给一个变量，将要接受赋值的变量必须在ajax请求之前进行全局定义。

代码如下：

 1  var results;
 2         
 3         $.ajax({
 4             type: "POST",
 5             url: "ajax/checkfor1.php?action=reg_checkEmail",        
 6             data: {email:email}, 
 7             dataType: \'text\', 
 8             async: false,
 9             success: function(data){                                                    
10                     results=data;
11                     return false;
12             },
13             error: function() {  
14                         
15                           alert("异常！");  
16                      }  
17         });
18         if(results==0){
19             ShowTips("用户名已经存在");  
20             return false;}

网络源码：原文链接：https://segmentfault.com/q/1010000000334467

var coordinates = (function() {
    var result;
    $.ajax({
        type:\'POST\',
        url:\'/json\',
        dataType:\'json\',
        data:{cmd:\'coordinates\'},
        async:false,
        success:function(data){
            result = data;
        }
    });
    return result;
})();
 
$(document).ready(function(){
    if(coordinates.length) {//初始化页面，把所有坐标列一个列表
      $.each(coordinates, function(index,term) {
        var $item = $(\'<li class="item"></li>\').text(\'坐标：\'+term[0] + \'，\' + term[1]).appendTo(\'#list\');
      })
    }
}

相关文章