javascript - jQuery ajax——返回数据给调用函数

Question

我编写了一个简单的通用 ajax 函数，可以在我的脚本中被多个函数调用。我不确定如何将返回给 ajax 函数的数据返回给调用者。

// some function that needs ajax data
function myFunction(invoice) {
    // pass the invoice data to the ajax function
    var result = doAjaxRequest(invoice, 'invoice');
    console.dir(result); // this shows `undefined`
}

// build generic ajax request object
function doAjaxRequest(data, task) {
    var myurl = 'http://someurl';
    $.ajax({
        url: myurl + '?task=' + task,
        data: data,
        type: 'POST',
        success: function(data) {
            console.dir(data); // this shows good data as expected  
            return data; // this never gets back to the calling function
        }
    });
}

有没有办法将ajax数据返回给调用函数？

Answer 1

$.ajax是异步的，因此为了取回数据，您需要将回调传递给您的doAjaxRequest函数。我在回调函数中添加了一个回调参数，doAjaxRequest而不是使用doAjaxRequest处理响应的代码的结果。

// some function that needs ajax data
function myFunction(invoice) {
    // pass the invoice data to the ajax function
    doAjaxRequest(invoice, 'invoice', function (result) { 
        console.dir(result);
    });
}

// build generic ajax request object
function doAjaxRequest(data, task, callback) {
    var myurl = 'http://someurl';
    $.ajax({
        url: myurl + '?task=' + task,
        data: data,
        type: 'POST',
        success: function(data) {
            console.dir(data); // this shows good data as expected  
            callback(data);
        }
    });
}

Answer 2

我认为这个例子对你有帮助

function testAjax() {
    var result="";
    $.ajax({
      url:"getvalue.php",
      async: false,  
      success:function(data) {
         result = data; 
      }
   });
   return result;
}

function fun2()
{

alert(testajax())

}

你注意到一件事 async: false