国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > AJAX > 正文

Ajax的原生實(shí)現(xiàn)關(guān)于MIME類型的使用方法

2024-09-01 08:31:02
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

問(wèn)題描述

下面的例子是一個(gè)Ajax的post請(qǐng)求的代碼,這段代碼在測(cè)試運(yùn)行的時(shí)候,發(fā)現(xiàn)返回的狀態(tài)碼為400,服務(wù)器不能理解的請(qǐng)求,后來(lái)經(jīng)過(guò)查看和修改,發(fā)現(xiàn)只需要將下面的代碼稍微改造一下就好了

原代碼

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

這兩段代碼的差別就是,修改之后的代碼去掉了關(guān)于data這個(gè)變量的處理以及在send中傳遞的參數(shù)變?yōu)榱藀arams這個(gè)變量

問(wèn)題解惑

問(wèn)題是解決了,但是我心里的疑問(wèn)卻產(chǎn)生了,之前在使用原生的Ajax的時(shí)候,當(dāng)method為post的時(shí)候,傳遞的參數(shù)的形式是”name=123&age=32”這樣子的,那么為什么現(xiàn)在傳遞一個(gè)序列化的JSON對(duì)象就可以了呢?

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

主站蜘蛛池模板: 乌苏市| 巴马| 封开县| 东乡| 呼玛县| 兖州市| 沐川县| 扎囊县| 苍南县| 巫溪县| 西丰县| 义马市| 景洪市| 栖霞市| 治县。| 新乡市| 安丘市| 广平县| 班戈县| 全南县| 赞皇县| 河间市| 湄潭县| 庄河市| 泸州市| 盐津县| 许昌县| 周宁县| 兴安县| 图片| 河曲县| 竹北市| 抚州市| 绥中县| 洛南县| 崇信县| 修水县| 化州市| 大化| 临漳县| 山阴县|