Wie der Ajax von jquery ein Array an den Hintergrund übergibt

jQuery ist ein beliebtes Front-End-JavaScript-Framework, das umfangreiche Funktionen und Komponenten bereitstellt, darunter Ajax. In Ajax müssen wir häufig Daten an den Hintergrund übergeben, unabhängig davon, ob es sich um einen einzelnen Wert oder um mehrere Werte handelt. In diesem Artikel wird erläutert, wie Sie mit jQuerys Ajax ein Array an den Hintergrund übergeben.

1. Arrays serialisieren

Bevor das Array übergeben wird, muss es in ein transportables Format serialisiert werden. Sie können die Methode $.param() von jQuery verwenden, um ein Array in einen String im Format „Name=Wert“ zu serialisieren. Zum Beispiel:

var arr = [1, 2, 3];
var param = $.param({ data: arr }); // "data%5B%5D=1&data%5B%5D=2&data%5B%5D=3"

Im obigen Beispiel haben wir zunächst ein Array arr definiert, das drei Werte enthält. Anschließend rufen wir die Methode $.param() auf, um das Array in einen String zu serialisieren, der einen Parameter namens „data“ enthält. Der Wert dieses Parameters ist das serialisierte Ergebnis eines Arrays. Schließlich enthält die Parametervariable, die wir erhalten, eine serialisierte Zeichenfolge.

2. Übergeben Sie den serialisierten String

Nachdem wir das Array nun in einen String serialisiert haben, können wir Ajax verwenden, um diesen String an den Hintergrund zu übergeben. Sie können die Methode $.ajax() von jQuery verwenden, um eine POST-Anfrage zu senden und die serialisierte Zeichenfolge als Anforderungsparameter zu verwenden. Zum Beispiel:

var arr = [1, 2, 3];
var param = $.param({ data: arr });
$.ajax({
    url: "example.php",
    type: "POST",
    data: param,
    success: function(result) {
        console.log(result);
    }
});

Im obigen Beispiel haben wir die Methode $.ajax() aufgerufen und dabei einige Optionsparameter übergeben. Unter diesen stellt URL die angeforderte URL dar, Typ stellt den Anforderungstyp als POST dar, Daten stellen die Anforderungsparameter dar und Erfolg stellt die Rückruffunktion dar, die nach erfolgreicher Anforderung ausgeführt wird. In diesem Beispiel übergeben wir die serialisierte Zeichenfolge als Anforderungsparameter an Ajax.

3. Empfangen Sie das vom Hintergrund zurückgegebene Array.

Im Hintergrund müssen wir die empfangenen Anforderungsparameter analysieren und die serialisierten Array-Daten extrahieren. Diese Aufgabe kann mit der Funktion parse_str() in PHP ausgeführt werden. Zum Beispiel:

$data = array();
parse_str($_POST['data'], $data);

Im obigen Beispiel definieren wir zunächst ein leeres Array $data und verwenden dann die Funktion parse_str(), um den Parameter mit dem Namen „data“ aus dem Array $_POST zu extrahieren. Die Funktion parse_str() analysiert diesen serialisierten String in ein PHP-Array und speichert ihn in der Variablen $data. Jetzt können wir dieses Array unter der Haube verwenden, um verschiedene Vorgänge auszuführen.

4. Vollständiges Beispiel

Nun sehen wir uns ein vollständiges Beispiel an, das zeigt, wie man mit jQuerys Ajax ein Array an das Backend übergibt und seine Antwort empfängt:

var arr = [1, 2, 3];
var param = $.param({ data: arr });
$.ajax({
    url: "example.php",
    type: "POST",
    data: param,
    success: function(result) {
        console.log(result); // ["1", "2", "3"]
    }
});

$data = array();
parse_str($_POST['data'], $data);
$response = json_encode($data['data']);
echo $response;

In diesem Beispiel definieren wir zunächst ein Array arr. Es enthält drei Werte. Dann verwenden wir die Methode $.param(), um es in einen String-Parameter zu serialisieren. Als nächstes verwenden wir die Methode $.ajax(), um eine POST-Anfrage an „example.php“ zu senden, und der Anfrageparameter ist die Parameterzeichenfolge.

Unter der Haube haben wir die Anforderungsparameter mit der Funktion parse_str() geparst und in ein PHP-Array $data umgewandelt. Anschließend verwenden wir die Funktion json_encode(), um dieses Array in einen JSON-formatierten String umzuwandeln und ihn als Antwort zurückzugeben.

Im Frontend verwenden wir die Erfolgsrückruffunktion von jQuery, um die Antwort zu erhalten. In diesem Beispiel ist die Antwort ein Array mit drei Zeichenfolgen. Wir geben es zur Überprüfung an die Konsole aus.

Mit diesem vollständigen Beispiel sollten Sie verstanden haben, wie Sie mit jQuerys Ajax ein Array an den Hintergrund übergeben und dessen Antwort erhalten. Dieses Beispiel kann Ihnen dabei helfen, diese Techniken in der realen Entwicklung anzuwenden.

Das obige ist der detaillierte Inhalt vonWie der Ajax von jquery ein Array an den Hintergrund übergibt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!