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();//這里可以直接拿到數據