原生js的ajax

在移动端很多时候对于dom操作不是很频繁，只用到ajax进行简单的数据交互，但是引入jquery的几十k大小代价有点大，但jquery的$.post()却非常的好用，仅仅一行代码就能很方便的与后台交互，所以自己写了个原生的ajax 方便使用。

先定义一个函数post(url,param,callback){} 哈哈 参数都跟jquery一样的有木有。

var xmlhttp = new XMLHttpRequest(); 先定义一个请求对象，然后给他绑定事件

xmlhttp.onreadystatechange = function(){

　　if(this.readyState == 4 && this.status == 200){　　//请求成功的状态码

　　　　callback(JSON.pares(xmlhttp.responseText));　　//后台一般传过来的是json字符串，需要给他转成json对象

　　}

};

xmlhttp.open('post',url,true);　　//请求方式，地址，是否异步

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");　　//这个是post请求需要带的

xmlhttp.setRequestHeader("If-Modified-Since", "0");　　　　//这个加上不缓存数据 no-cache

var paraStr = '';

 

for (key in param){

　　paraStr += key+"="+encodeURIComponent(param[key])+"&";  //因为如果要和jquery一样参数是json对象，需要循环读出拼接字符串

}

paraStr = paraStr.substr(0,paraStr.length-1);

xmlhttp.send(paraStr);　　//然后把字符串带过去并发送请求 如果是get方式的话直接把参数带在url后面

是不是很简单呢？

如果你觉得这篇随笔对你有帮助可以支付宝(左)或微信(右)打赏小毅喝杯咖啡 ^_^