原生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后面
是不是很简单呢?
如果你觉得这篇随笔对你有帮助可以支付宝(左)或微信(右)打赏小毅喝杯咖啡 ^_^