$ .ajax - Datentyp

Was ist der Unterschied zwischen

contentType: "application/json; charset=utf-8",
dataType: "json",

vs.

contentType: "application/json",
dataType: "text",

• contentTypeist der an den Server gesendete HTTP- Header , der ein bestimmtes Format angibt.
  Beispiel: Ich sende JSON oder XML
• dataTypeSagen Sie jQuery, welche Art von Antwort zu erwarten ist?
  Erwarten von JSON, XML, HTML usw. Standardmäßig versucht jQuery, dies herauszufinden.

Die $.ajax()Dokumentation enthält auch vollständige Beschreibungen dieser.

In Ihrem Fall ist die erste Bitte um die Antwort in sein UTF-8, wird die zweite nicht. Der erste behandelt die Antwort als JavaScript-Objekt, der zweite behandelt sie als Zeichenfolge.

Das erste wäre also:

success: function(data) {
  // get data, e.g. data.title;
}

Der Zweite:

success: function(data) {
  alert("Here's lots of data, just a string: " + data);
}

(ps: die Antwort von Nick Craver ist falsch)

contentType gibt das Format der Daten an, die als Teil der Anforderung an den Server gesendet werden (sie können auch als Teil der Antwort gesendet werden, dazu später mehr).

dataType gibt das erwartete Format der Daten an, die vom Client (Browser) empfangen werden sollen.

Beide sind nicht austauschbar.

• contentTypeist der an den Server gesendete Header, der das Format der Daten (dh den Inhalt des Nachrichtentexts) angibt, die an den Server gesendet werden. Dies wird bei POST- und PUT-Anforderungen verwendet. Wenn Sie eine POST-Anfrage senden, besteht der Nachrichtentext normalerweise aus übergebenen Parametern wie:

==============================

Musteranfrage:

POST /search HTTP/1.1 
Content-Type: application/x-www-form-urlencoded 
<<other header>>

name=sam&age=35

==============================

Die letzte Zeile über "name = sam & age = 35" ist der Nachrichtentext, und contentType gibt ihn als application / x-www-form-urlencoded an, da wir die Formularparameter im Nachrichtentext übergeben. Wir sind jedoch nicht nur auf das Senden der Parameter beschränkt, sondern können auch json, xml usw. senden (das Senden verschiedener Datentypen ist besonders bei RESTful-Webdiensten nützlich):

==============================

Musteranfrage:

POST /orders HTTP/1.1
Content-Type: application/xml
<<other header>>

<order>
   <total>$199.02</total>
   <date>December 22, 2008 06:56</date>
...
</order>

==============================

Diesmal lautet der ContentType also: application / xml, denn genau das senden wir. Die obigen Beispiele zeigten eine Beispielanforderung. In ähnlicher Weise kann die vom Server gesendete Antwort auch den Content-Type-Header enthalten, der angibt, was der Server wie folgt sendet:

==============================

Beispielantwort:

HTTP/1.1 201 Created
Content-Type: application/xml
<<other headers>>

<order id="233">
   <link rel="self" href="http://example.com/orders/133"/>
   <total>$199.02</total>
   <date>December 22, 2008 06:56</date>
...
</order>

==============================

• dataTypeGibt das zu erwartende Antwortformat an. Es bezieht sich auf Accept Header. JQuery wird versuchen, basierend auf dem Inhaltstyp der Antwort darauf zu schließen.

==============================

Musteranfrage:

GET /someFolder/index.html HTTP/1.1
Host: mysite.org
Accept: application/xml
<<other headers>>

==============================

Die obige Anfrage erwartet XML vom Server.

Was Ihre Frage betrifft,

contentType: "application/json; charset=utf-8",
dataType: "json",

Hier senden Sie JSON-Daten mit dem UTF8-Zeichensatz und erwarten JSON-Daten vom Server zurück. Gemäß den JQuery-Dokumenten für dataType

Der Typ json analysiert die abgerufene Datendatei als JavaScript-Objekt und gibt das erstellte Objekt als Ergebnisdaten zurück.

Was Sie also im Erfolgshandler erhalten, ist das richtige Javascript-Objekt (JQuery konvertiert das JSON-Objekt für Sie).

wohingegen

contentType: "application/json",
dataType: "text",

Hier senden Sie JSON-Daten, da Sie die Codierung gemäß den JQuery-Dokumenten nicht erwähnt haben.

Wenn kein Zeichensatz angegeben ist, werden Daten mit dem Standardzeichensatz des Servers an den Server übertragen. Sie müssen dies auf der Serverseite entsprechend dekodieren.

und da dataType als Text angegeben ist, erhalten Sie im Erfolgshandler einfachen Text gemäß den Dokumenten für dataType.

Die Text- und XML-Typen geben die Daten ohne Verarbeitung zurück. Die Daten werden einfach an den Success Handler weitergegeben

gemäß Dokumentation :

• "json": Wertet die Antwort als JSON aus und gibt ein JavaScript-Objekt zurück. In jQuery 1.4 werden die JSON-Daten streng analysiert. Jeder fehlerhafte JSON wird zurückgewiesen und ein Analysefehler wird ausgelöst. (Weitere Informationen zur korrekten JSON-Formatierung finden Sie unter json.org.)
• "text": Eine einfache Textzeichenfolge.

Der jQuery Ajax Loader funktioniert nicht gut, wenn Sie zwei APIs gleichzeitig aufrufen. Um dieses Problem zu beheben, müssen Sie die APIs nacheinander mithilfe der isAsyncEigenschaft in der Ajax-Einstellung aufrufen . Sie müssen auch sicherstellen, dass die Einstellung keinen Fehler enthält. Andernfalls funktioniert der Lader nicht. ZB undefinierter Inhaltstyp, Datentyp für POST / PUT / DELETE / GET-Aufruf.