function toData(obj) {
if(obj == null) {
return obj;
}
var arr = [];
for(var i in obj) {
var str = i + "=" + obj[i];
arr.push(str);
}
return arr.join("&");
}
function ajax(obj) {
//指定提交方式的默认值
obj.type = obj.type || "get";
//设置是否异步,默认为true(异步)
obj.async = obj.async || true;
//设置数据的默认值
obj.data = obj.data || null;
if(window.XMLHttpRequest) {
//非ie
var ajax = new XMLHttpRequest();
} else {
//ie
var ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
//区分get和post
if(obj.type == "post") {
ajax.open(obj.type, obj.url, obj.async);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
var data = toData(obj.data);
ajax.send(data);
} else {
//get test.php?xx=xx&aa=xx
var url = obj.url + "?" + toData(obj.data);
ajax.open(obj.type, url, obj.async);
ajax.send();
}
ajax.onreadystatechange = function() {
if(ajax.readyState == 4) {
if(ajax.status >= 200 && ajax.status < 300 || ajax.status == 304) {
if(obj.success) {
obj.success(ajax.responseText);
}
} else {
if(obj.error) {
obj.error(ajax.status);
}
}
}
}
}
原生ajax
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- AJAX: XMLHttpRequest是AJAX的基础 1.创建一个XMLHttpRequest对象: 2.用X...
- 一、文章前言 AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通...
- 原生Ajax封装 http://www.jianshu.com/p/ff9e1139ea51 jQuery-Aja...