Wie kann ich bestimmte Daten aus einer AJAX-Antwort in jQuery extrahieren?

AJAX-Anforderungsrückrufe in jQuery verwenden: Spezifische Daten extrahieren

Bei der Nutzung der AJAX-Funktionen von jQuery kommt es häufig vor, dass Sie auf Situationen stoßen, in denen Sie Leistung erbringen möchten zusätzliche Verarbeitung basierend auf den Ergebnissen des AJAX-Aufrufs. Dieser Artikel führt Sie durch den besten Ansatz zum Extrahieren spezifischer Daten aus einer AJAX-Antwort.

Beispielszenario

Betrachten wir den folgenden Codeausschnitt:

$.post("convertNum.php", {"json": json}).done(function (data) 
{
 alert(data);
}
);

In diesem Beispiel empfängt die Callback-Funktion done die gesamte Antwort des AJAX-Aufrufs als Daten. Dazu gehört die verdoppelte Zahl, aber auch der HTML-Code, der die Seite generiert hat.

PHP-Antwort trennen

Um dieses Problem zu beheben, ist die beste Lösung Teilen Sie die PHP-Antwort in zwei Teile. Erstellen Sie eine neue PHP-Datei, die ausschließlich die Berechnung der doppelten Zahl übernimmt. Eine Datei mit dem Namen „process.php“ sieht beispielsweise so aus:

<?php
$num = $_POST['json']['number'];
if (isset($num))
 echo $num * 2;

Änderung des AJAX-Aufrufs

Jetzt muss der AJAX-Aufruf so geändert werden, dass er auf verweist stattdessen die Datei „process.php“ verwenden. Der neue AJAX-Aufruf sieht so aus:

$.post("process.php", {"json": json}).done(function (data) 
{
 $('#numReturn').val(data); // Update the field with the doubled number
});

Callback-Funktion

Innerhalb der Callback-Funktion ist der Datenparameter die doppelte Zahl, die vom Prozess zurückgegeben wurde. PHP-Datei. Sie können diese Daten nun verwenden, um weitere Verarbeitungen durchzuführen, z. B. die Aktualisierung eines Felds in Ihrem Formular. In diesem Beispiel aktualisieren wir das Eingabefeld #numReturn mit der doppelten Zahl.

Fazit

Durch die Aufteilung der PHP-Antwort in zwei Teile können wir spezifische Daten aus dem extrahieren AJAX-Antwort. Dieser Ansatz ist effizient, elegant und fördert die Wiederverwendbarkeit des Codes und die Trennung von Bedenken.

Das obige ist der detaillierte Inhalt vonWie kann ich bestimmte Daten aus einer AJAX-Antwort in jQuery extrahieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!