Definition der jQuery Ajax Success Callback-Funktion

Ich möchte jQuery Ajax verwenden, um Daten von einem Server abzurufen.

Ich möchte die Definition der Erfolgsrückruffunktion .ajax()wie folgt außerhalb des Blocks platzieren. Muss ich die Variable also dataFromServerwie folgt deklarieren , damit ich die vom Erfolgsrückruf zurückgegebenen Daten verwenden kann?

Ich habe gesehen, dass die meisten Leute den Erfolgsrückruf innerhalb des .ajax()Blocks definieren. Ist der folgende Code also korrekt, wenn ich den Erfolgsrückruf außerhalb definieren möchte?

var dataFromServer;  //declare the variable first

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData(dataFromServer)
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

Benutz einfach:

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

Die successEigenschaft erfordert nur einen Verweis auf eine Funktion und übergibt die Daten als Parameter an diese Funktion.

Sie können auf diese handleDataFunktion auf diese Weise zugreifen, da der Weg handleDatadeklariert ist. JavaScript analysiert Ihren Code vor der Ausführung auf Funktionsdeklarationen, sodass Sie die Funktion in Code verwenden können, der vor der eigentlichen Deklaration liegt. Dies wird als Heben bezeichnet .

Dies gilt jedoch nicht für Funktionen, die wie folgt deklariert wurden:

var myfunction = function(){}

Diese sind nur verfügbar, wenn der Dolmetscher sie bestanden hat.

In dieser Frage finden Sie weitere Informationen zu den beiden Möglichkeiten, Funktionen zu deklarieren

Die "neue" Methode seit jQuery 1.5 (Januar 2011) besteht darin, verzögerte Objekte zu verwenden, anstatt einen successRückruf zu übergeben. Sie sollten Rückkehr das Ergebnis $.ajaxund verwenden Sie dann die .done, .failetc Methoden , um die Rückrufe hinzufügen außerhalb des $.ajaxAnrufs .

function getData() {
    return $.ajax({
        url : 'example.com',
        type: 'GET'
    });
}

function handleData(data /* , textStatus, jqXHR */ ) {
    alert(data);
    //do some stuff
}

getData().done(handleData);

Dadurch wird die Rückrufbehandlung von der AJAX-Behandlung entkoppelt , und Sie können mehrere Rückrufe, Fehlerrückrufe usw. hinzufügen, ohne jemals die ursprüngliche getData()Funktion ändern zu müssen. Es ist eine gute Sache, die AJAX-Funktionalität von den danach auszuführenden Aktionen zu trennen! .

Zurückgestellte ermöglichen auch eine viel einfachere Synchronisation mehrerer asynchroner Ereignisse, mit denen Sie nicht einfach umgehen können success:

Zum Beispiel könnte ich mehrere Rückrufe hinzufügen, einen Fehlerbehandler, und warten, bis ein Timer abgelaufen ist, bevor ich fortfahre:

// a trivial timer, just for demo purposes -
// it resolves itself after 5 seconds
var timer = $.Deferred();
setTimeout(timer.resolve, 5000);

// add a done handler _and_ an `error:` handler, even though `getData`
// didn't directly expose that functionality
var ajax = getData().done(handleData).fail(error);

$.when(timer, ajax).done(function() {
    // this won't be called until *both* the AJAX and the 5s timer have finished
});

ajax.done(function(data) {
    // you can add additional callbacks too, even if the AJAX call
    // already finished
});

Andere Teile von jQuery verwenden ebenfalls verzögerte Objekte. Sie können jQuery-Animationen sehr einfach mit anderen asynchronen Vorgängen synchronisieren.

Ich weiß nicht, warum Sie den Parameter außerhalb des Skripts definieren. Das ist unnötig. Ihre Rückruffunktion wird mit den Rückgabedaten als Parameter automatisch aufgerufen. Es ist sehr gut möglich, Ihren Rückruf außerhalb des sucess:ie zu definieren

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

Die handleData-Funktion wird aufgerufen und der Parameter von der Ajax-Funktion an sie übergeben.

Versuchen Sie, Ihren Erfolgshandler wie folgt umzuschreiben:

success : handleData

Die Erfolgseigenschaft der Ajax-Methode erfordert nur einen Verweis auf eine Funktion.

In Ihrer handleData-Funktion können Sie bis zu 3 Parameter verwenden:

object data
string textStatus
jqXHR jqXHR

Ich würde schreiben :

var handleData = function (data) {
    alert(data);
    //do some stuff
}


function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

nach ein paar stunden damit spielen und fast langweilig werden. Wunder kam zu mir, es funktioniert.

<pre>


var listname = [];   


 $.ajax({
    url : wedding, // change to your local url, this not work with absolute url
    success: function (data) {
       callback(data);
    }
});

function callback(data) {
      $(data).find("a").attr("href", function (i, val) {
            if( val.match(/\.(jpe?g|png|gif)$/) ) { 
             //   $('#displayImage1').append( "<img src='" + wedding + val +"'>" );
                 listname.push(val);
            } 
        });
}

function myfunction() {

alert (listname);

}

</pre>

Sie müssen die Variable nicht deklarieren. Die Ajax-Erfolgsfunktion akzeptiert automatisch bis zu 3 Parameter:Function( Object data, String textStatus, jqXHR jqXHR )

In Ihrer Komponente, dh eckiger JS-Code:

function getData(){
    window.location.href = 'http://localhost:1036/api/Employee/GetExcelData';
}