Die Rolle der Einstellung von contentType: „application/json' in Ajax (grafisches Tutorial)

In diesem Artikel wird hauptsächlich die Funktion zum Festlegen von contentType: „application/json“ in Ajax vorgestellt. Freunde, die es benötigen, können darauf verweisen.

Als ich kürzlich Projektinteraktionen durchgeführt habe, habe ich gerade damit begonnen, Daten an das zu übertragen Hintergrund und gab 415 zurück. Später fügte Baidu contentType: „application/json“ hinzu und gab dann 400 zurück und änderte dann das übertragene Datenformat in json string und die Übertragung war erfolgreich. Schauen wir uns nun die Rolle von contentType: „application“ an /json“:

Nach dem Hinzufügen von contentType: „application/json“ muss das Format der an den Hintergrund gesendeten Daten eine JSON-Zeichenfolge sein

$.ajax({
  type: "post",
  url: "mobile/notice/addMessageInfo.jspx",
  contentType: "application/json",
  data:"{'name':'zhangsan','age':'15'}",
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})

Fügen Sie keinen ContentType hinzu: „application/json“, Sie können das JSON-Objektformular

$.ajax({
  type: "post",
  url: "mobile/notice/addMessageInfo.jspx",
  data:{name:'zhangsan',age:'15'},
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})

senden. Wenn Sie außerdem komplexes JSON an den Hintergrund übergeben, Sie müssen auch contentType: „application/json“ hinzufügen und dann die Daten in eine Zeichenfolge konvertieren

var data = {
  uploadarray: uploadarray,
  messageInfo: {
    messageTitle: messageTitle,
    messageContent: messageContent,
    publisher: publisher
  },
  userId: userId
}

$.ajax({ 
  type: 'post',
  url: "mobile/notice/addMessageInfo.jspx",
  contentType: 'application/json',
  data: JSON.stringify(data),
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})

Zusätzlich: Werfen wir einen Blick auf die Verwendung von contentType: „application/json“ in $.ajax

Wenn Sie contentType: „application/json“ nicht verwenden, können Daten ein Objekt sein

$.ajax({
url: actionurl,
type: "POST",
datType: "JSON",
data: { id: nodeId },
async: false,
success: function () {}
});

Wenn Sie contentType: „application/json“ verwenden, können die Daten nur eine JSON-Zeichenfolge sein

$.ajax({
url: actionurl,
type: "POST",
datType: "JSON",
contentType: "application/json"
data: "{'id': " + nodeId +"}",
async: false,
success: function () {}
});

Das Obige gilt Was ich für alle zusammengestellt habe, hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Ajax PHP JavaScript MySQL implementiert einen einfachen, aktualisierungsfreien Online-Chatroom

jQuery+Ajax zu Benutzernamen überprüfen Detaillierte Erläuterung der Schritte

Implementierungsmethode für Yii2-Formularereignis Ajax-Übermittlung

Das obige ist der detaillierte Inhalt vonDie Rolle der Einstellung von contentType: „application/json' in Ajax (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!