封装ajax函数
/*
*封装ajax函数
* @param options
* options = {
* type : "get|post", // 请求方式,默认为 get
* url : "", // 请求服务器资源url
* data : {username:"xxx", password:""}, // 向服务器传递的数据
* dataType : "text|json", // 预期从服务器返回数据的格式
* success : function(responseData){}, // 请求成功时执行的函数
* error : function(err){} // 请求失败时执行的函数
* }
*/
function ajax(options){
options = options || {};
var method = (options.type || GET).toUpperCase(),
url = options.url,
queryString = null;
if(!url)
return;
if(options.data){
queryString = [];
for(var attr in options.data){
queryString.push(attr + "=" +options.data[attr]);
}
queryString = queryString.join("&");
}
if(method === "GET"){
url += "?"+queryString;
queryString = "";
}
var xhr = new XMLHttpRequest();
xhr.open(method,url,true);
if(method === "POST")
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(queryString);
xhr.onreadystatechange = function(){
if(xhr.readyState === 4){
if(xhr.status === 200){
var data = xhr.responseText;
if(options.dataType === "json")
更多内容请见原文,文章转载自:https://blog.csdn.net/weixin_44519496/article/details/118541073