Fork me on GitHub

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

首先,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');
      })
    }
}
posted @ 2019-12-27 09:26  君乐豹  阅读(813)  评论(0编辑  收藏  举报
Live2D