Maison >interface Web >js tutoriel >Le rôle de la définition de contentType : 'application/json' en ajax (tutoriel graphique)

Le rôle de la définition de contentType : 'application/json' en ajax (tutoriel graphique)

亚连
亚连original
2018-05-21 15:50:384367parcourir

Cet article présente principalement la fonction de définition de contentType : "application/json" en ajax. Les amis qui en ont besoin peuvent s'y référer

Lorsque je faisais une interaction avec un projet récemment, je viens de commencer à transmettre des données au background et a renvoyé 415. , plus tard, Baidu a ajouté contentType: "application/json", puis a renvoyé 400, puis a changé le format des données transmises en chaîne json et la transmission a réussi. Jetons maintenant un coup d'œil au rôle de contentType: "application. /json":

Après avoir ajouté contentType : "application/json", le format des données envoyées en arrière-plan doit être une chaîne json

$.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)
  }
})

N'ajoutez pas de contenuType : " application/json", vous pouvez envoyer le formulaire d'objet json

$.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)
  }
})

en arrière-plan. en passant du json complexe en arrière-plan, vous devez également ajouter contentType : "application/json", puis convertir les données en une chaîne

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)
  }
})

Supplémentaire : Jetons un coup d'œil au contentType dans $.ajax : "application/json" Utilisation

Ne pas utiliser contentType : "application/json", alors les données peuvent être un objet

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

utilisez contentType : "application/json", les données ne peuvent être qu'une chaîne json

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

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Ajax PHP JavaScript MySQL implémente une salle de discussion en ligne simple et sans actualisation

jQuery+Ajax pour vérifier le nom d'utilisateur Explication détaillée des étapes

Événement du formulaire Yii2 Méthode de mise en œuvre de la soumission Ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn