function ajax(options) {
var url = options.url;
var method = options.type || "GET";
var datatype = options.dataType || "jSON";
var onsuccess = options.onsuccess || function() {};
var onerror = options.onerror || function() {};
var data = options.data || {};
var xhr = new XMLHttpRequest();
var dataStr = [];
for (var key in data) {
dataStr.push(key + "=" + data[key]);
}
dataStr.join("&");
if (method === "GET") {
url = url + "?" + dataStr;
}
xhr.open(method, url, true);
xhr.onload = function(e) {
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 300) {
if (datatype === "json") {
onsuccess(JSON.parse(xhr.responseText));
}
} else {
onerror();
}
};
xhr.onerror = onerror;
if (method === "POST") {
xhr.send(dataStr);
} else {
xhr.send();
}
}
ajax({
url: "http://api.jirengu.com/weather.php",
data: {
city: "北京"
},
onsuccess: function(ret) {
console.log(ret);
},
onerror: function() {
console.log("服务器异常");
}
});
封装一个jQuery ajax
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- AJAX: XMLHttpRequest是AJAX的基础 1.创建一个XMLHttpRequest对象: 2.用X...
- 本人是刚毕业进入公司的菜鸟,关于asp.net和C#方面也完全是新手,写这个是作为开发笔记,也希望给遇到类似问题的...