Comment utiliser les types MIME dans l'implémentation native d'Ajax

Ce qui suit est un article sur l'utilisation des types MIME dans l'implémentation native d'Ajax. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Description du problème

L'exemple suivant est un code de demande de publication Ajax Lorsque ce code est testé et exécuté, il s'avère qu'il est renvoyé. Le code d'état est 400, une requête que le serveur ne peut pas comprendre. Après l'avoir vérifié et modifié ultérieurement, j'ai constaté que le code suivant ne devait être que légèrement modifié

Code original

var send = function (url, params, fn) {
  var me = this;
  var xhr = null;
  var data = '';
  fn = fn || function() {};
  params = params || {};
  for(var item in params) {
   data += item + '=' + params[item] + '&';
  }
  if(data[data.length - 1] == '&') {
   data = data.slice(0, data.length - 1);
  }
  if(window.XMLHttpRequest) {
   xhr = new XMLHttpRequest();
  }else if(window.ActiveXObject) {
   xhr= new ActiveXObject("Microsoft.XMLHTTP");
  }
  xhr.open("post", url, true);
  xhr.setRequestHeader("Content-type", "application/json");
  xhr.onreadystatechange = function () {
   if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
    fn(JSON.parse(xhr.responseText));
   }
  };
  xhr.send(JSON.stringify(params));
}

Code modifié

var send = function (url, params, fn) {
    var me = this;
    var xhr = null;
    fn = fn || function() {};
    params = params || {};
    if(window.XMLHttpRequest) {
      xhr = new XMLHttpRequest();
    }else if(window.ActiveXObject) {
      xhr= new ActiveXObject("Microsoft.XMLHTTP");
    }
    xhr.open("post", url, true);
    xhr.setRequestHeader("Content-type", "application/json");
    xhr.onreadystatechange = function () {
      if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
        fn(JSON.parse(xhr.responseText));
      }
    };
    xhr.send(JSON.stringify(params));
}

La différence entre ces deux morceaux de code est que le code modifié supprime le traitement de la variable data et modifie les paramètres passés en envoi à la variable params

Question Réponse

Le problème est résolu, mais une question se pose dans mon esprit lors de l'utilisation d'Ajax natif auparavant, lorsque la méthode est postée, les paramètres passés sont sous la forme "name= 123&age=32". , alors pourquoi est-il acceptable de transmettre un objet JSON sérialisé maintenant ?

À ce moment-là, j'ai remarqué le type MIME que j'ai ajouté, où le type de contenu est défini, je l'ai défini sur "application/json", ce qui semble logique à ce moment-là. Le type MIME couramment utilisé auparavant était "application/x-www-form-urlencoded". Dans ce cas, les paramètres transmis par la méthode d'envoi doivent être "name=123&age=32". ~￣▽￣)~

Supplémentaire

Au fait, le code d'état 405, la dernière fois que je l'ai vu, était sur mon front end Lors de l'envoi de la requête, les paramètres transmis étaient erronés. Lorsque je l'ai rencontré cette fois, c'était parce que l'arrière-plan n'avait pas ajouté de traitement pour cette requête

Ce qui précède est l'intégralité du contenu de cet article. J'espère que cela sera utile à l'étude de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

JS natif écrivant la fonction de fonction de requête Ajax

Introduction à l'utilisation du téléchargement de fichiers asynchrone ajaxFileUpload

Présentation des requêtes d'obtention et de publication 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!