• $.ajax() 获取不到return 返回值


    /*常见错误示例  直接在 ajax 里面return 结果
    */
    
     function demo(){
         $.ajax({
             url : 'test.do',
             type : "post",
             data : {},
             async : false,
             success : function(data) {
                 return 2;
             }
         });
     }
    
    /* 结果  无返回 */

    两个错误写法会导致这种情况:

    1.ajax默认为异步,异步不可以直接return返回结果

    2.在ajax方法中直接return返回值,嵌套函数中,return该作用域函数的返回值,demo中,demo()为外部函数,return的结果对demo()无效

    修改为:

    41 /**
    42  * (1)同步调用 (2)且在ajax对全局变量进行设值 (3)ajax函数外将变量return
    43  * 结果:返回 2。成功获取返回值
    44  * 成功原因:先执行result = 2;再往下执行return result;
    45  */
    46 function demo1(){
    47     var result = 1;
    48     $.ajax({
    49         url : 'test.do',
    50         type : "post",
    51         data : {},
    52         async : false,
    53         success : function(data) {
    54             result = 2;
    55         }
    56     });
    57     return result;  //2
    58 }

    可以正常运行了。但是,ajax 改为同步请求会导致阻塞;ajax 需要 进行异步请求 

     /**
      * 添加async:true.即修改为异步
     * 结果以callback的形式回调
      */
     function demo1(params,callback){
        var result = 1;
         $.ajax({
            url : 'test.do',
             type : "post",
             data : {"params ":params },
             async : true,
             success : function(data) {
                 result = 2;
                 callback(result);
             }
         });
     }    
    
    demo1("Value",function(rs){
       //do someting
    })
  • 相关阅读:
    开源天气预报api整理
    Android gradle 相关配置
    Android Base64转图片
    【转】数据加密算法详解
    【转】零基础学习Fiddler抓包改包
    【转】你所不知道的Android Studio调试技巧
    【转】Android Studio-1.2版本设置教程
    Android app应用多语言切换功能实现
    Android通用流行框架大全
    38个学习新技能的最佳网站
  • 原文地址:https://www.cnblogs.com/AllenChou/p/7680650.html
Copyright © 2020-2023  润新知