jQuery中ajax如何返回值到上层函数

jQuery中ajax如何返回值到上层函数

一、总结

一句话总结：

 ajax的同步操作即可，设置 async: false,

 

 

二、jquery的同步操作

var can_submit=true;

$.ajax({
  type: "POST",
  url: "/is_phone_exist",
  data: {'u_phone':phone,'_token':'{{csrf_token()}}'},
  async: false,
  success: function(data){
      //console.log(data);
      if(parseInt(data.valid)==1){
          //手机号存在的情况
          $("#u_phone").removeClass('reg_danger');
          $("#u_phone").addClass('reg_success');
          //layer_alert_success_mobile(data.message);
          can_submit=true;
      }else{
          $("#u_phone").removeClass('reg_success');
          $("#u_phone").addClass('reg_danger');
          layer_alert_fail_mobile(data.message);
          can_submit=false;
      }
  }
});
//console.log(can_submit);
return can_submit;

 

 

 

三、jQuery中ajax如何返回值到上层函数里？

转自或参考：jQuery中ajax如何返回值到上层函数里？
https://www.cnblogs.com/huangjinyong/p/9467591.html

这个涉及到js的异步执行了，程序本身是同步执行的，到了getJSON这里的时候，这个函数是异步的，而 load_val这个函数是同步的，你需要这样来异步返回这个值

function load_val(callback){//定义一个回调函数
    $.getJSON('test.php' , function(dat){
        callback(data);//将返回结果当作参数返回
    });
}
 
load_val(function(data){
    alert(data);//这里可以得到值
});
 
//否则的话你需要这样用同步ajax来实现了
 
function load_val2(){
    var result;
    $.ajax({
        dataType:'json',
        url : 'test.php',
        async:false,//这里选择同步为false，那么这个程序执行到这里的时候会暂停，等待
                    //数据加载完成后才继续执行
        success : function(data){
            result = data;
        }
    });
    return result;
}
 
var data = load_val();//这里可以直接拿到数据