問題描述

下面的例子是一個Ajax的post請求的代碼，這段代碼在測試運行的時候，發現返回的狀態碼為400，服務器不能理解的請求，后來經過查看和修改，發現只需要將下面的代碼稍微改造一下就好了

原代碼

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

修改之后的代碼

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

這兩段代碼的差別就是，修改之后的代碼去掉了關于data這個變量的處理以及在send中傳遞的參數變為了params這個變量

問題解惑

問題是解決了，但是我心里的疑問卻產生了，之前在使用原生的Ajax的時候，當method為post的時候，傳遞的參數的形式是”name=123&age=32”這樣子的，那么為什么現在傳遞一個序列化的JSON對象就可以了呢？

這時候我注意到自己所加的MIME類型，也就是設置Content-type的那處，我設置的是"application/json"，這樣看起來就解釋的通了，這時候我回想起之前常用的MIME類型是“application/x-www-form-urlencoded”，這種時候send方法傳遞的參數就要求是”name=123&age=32”這樣子的，到這里，解惑完畢啦(～￣▽￣)～

補充

順便說下405這個狀態碼，上一次見到它的時候，是我前端發送請求的時候，傳遞的參數不對，這次遇到它的時候，是因為后臺還沒有添加這個請求的處理

以上這篇Ajax的原生實現關于MIME類型的使用方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。