Heim > Web-Frontend > js-Tutorial > Wie sende ich JSON-Daten korrekt mit jQuery AJAX?

Wie sende ich JSON-Daten korrekt mit jQuery AJAX?

Linda Hamilton
Freigeben: 2024-10-30 22:32:02
Original
802 Leute haben es durchsucht

How to Send JSON Data Correctly with jQuery AJAX?

Senden von JSON-Daten mit jQuery

Dieses Problem tritt häufig auf, wenn Daten in einer Abfragezeichenfolge wie „&Stadt=Moskau&Alter=25“ übertragen werden " anstelle eines JSON-Formats bei Verwendung der AJAX-Funktion von jQuery. Dies liegt daran, dass die erforderlichen Parameter für eine JSON-Anfrage nicht angegeben wurden.

Um dieses Problem zu beheben, müssen unbedingt die folgenden Schritte ausgeführt werden:

  1. Konvertieren Sie die Daten in JSON : Verwenden Sie die Methode JSON.stringify, um das JavaScript-Objekt in einen JSON-String zu konvertieren. Ältere Browser erfordern möglicherweise die Einbeziehung von json2.js.
  2. Inhaltstyp festlegen: Fügen Sie die contentType-Eigenschaft ein, um den Typ der gesendeten Anfrage anzugeben. Verwenden Sie in diesem Fall „application/json; charset=utf-8'.
  3. Antworttyp angeben: Geben Sie mithilfe der dataType-Eigenschaft das erwartete Antwortformat vom Server an. Normalerweise ist es am besten, dies auf „json“ zu setzen.

Der korrigierte Code unten zeigt diese Änderungen:

var arr = { City: 'Moscow', Age: 25 };
$.ajax({
    url: 'Ajax.ashx',
    type: 'POST',
    data: JSON.stringify(arr),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: false,
    success: function(msg) {
        alert(msg);
    }
});
Nach dem Login kopieren

Durch Befolgen dieser Schritte können JSON-Daten mit jQuery gesendet werden AJAX korrekt, um sicherzustellen, dass die Daten im erwarteten Format übertragen werden.

Das obige ist der detaillierte Inhalt vonWie sende ich JSON-Daten korrekt mit jQuery AJAX?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage