jQuery ajax - zwracanie danych do funkcji wywołującej

Question

Napisałem prostą, ogólną funkcję ajax, którą można wywołać w moim skrypcie za pomocą wielu funkcji. Nie jestem pewien, w jaki sposób uzyskać dane zwracane do funkcji ajax z powrotem do dzwoniącego.

// 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 
     } 
    }); 
} 

Czy istnieje sposób na zwrócenie danych ajax do funkcji wywołującej?

Answer 1

$.ajax jest asynchroniczny, więc aby odzyskać dane, należy przekazać wywołanie zwrotne do funkcji doAjaxRequest. Dodałem parametr wywołania zwrotnego do doAjaxRequest i zamiast używać wyniku doAjaxRequest, kod, który obsługuje odpowiedź, znajduje się w funkcji wywołania zwrotnego.

// 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

myślę pomocy pełną wam tym przykładzie

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

function fun2() 
{ 

alert(testajax()) 

} 

można zauważyć jedną rzecz: async false