Ajax的原生实现关于MIME类型的使用方法
问题描述
下面的例子是一个Ajax的post请求的代码，这段代码在测试运行的时候，发现返回的状态码为400，服务器不能理解的请求，后来经过查看和修改，发现只需要将下面的代码稍微改造一下就好了
原代码
varsend=function(url,params,fn){
varme=this;
varxhr=null;
vardata='';
fn=fn||function(){};
params=params||{};
for(variteminparams){
data+=item+'='+params[item]+'&';
}
if(data[data.length-1]=='&'){
data=data.slice(0,data.length-1);
}
if(window.XMLHttpRequest){
xhr=newXMLHttpRequest();
}elseif(window.ActiveXObject){
xhr=newActiveXObject("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));
}
修改之后的代码
varsend=function(url,params,fn){
varme=this;
varxhr=null;
fn=fn||function(){};
params=params||{};
if(window.XMLHttpRequest){
xhr=newXMLHttpRequest();
}elseif(window.ActiveXObject){
xhr=newActiveXObject("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类型的使用方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。