• 前端获取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');
          })
        }
    }
  • 相关阅读:
    Mysql 中的MVCC原理,undo日志的依赖
    Innodb 实现高并发、redo/undo MVCC原理
    Django restful 规范
    TCP 原理
    HTTPS建立连接的过程
    HTTP协议,Http 常用状态码
    SQL注入
    Mysql 索引问题集锦
    Mysql MyISAM与InnoDB 表锁行锁以及分库分表优化
    归并排序Python 实现
  • 原文地址:https://www.cnblogs.com/T8888/p/12105594.html
Copyright © 2020-2023  润新知