博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
轻量级原生 ajax 函数,支持 get/array post/array post/json
阅读量:4687 次
发布时间:2019-06-09

本文共 2851 字,大约阅读时间需要 9 分钟。

 

原生js封装

function ajaxRequest(type, url, data, callback, failCallBack, header, dataType) {	var url_encode = function (str) {		return encodeURIComponent(str)			.replace(/ /gi, '+')			.replace(/~/gi, '%7e')			.replace(/'/gi, '%26%2339%3b');	};	type = String(type || 'GET').toUpperCase();	if (type == 'GET') {		var dataStr = typeof (data) === 'string' ? data : '';		if (typeof (data) === 'object')			for (var key in data) {				if (Object.prototype.toString.call((data[key])) == '[object Array]') {					for (var a = 0; a < data[key].length; a++)						if (data[key][a] !== undefined) dataStr += key + "=" + url_encode(data[key][a]) + "&";				}				if (data[key] !== "" && data[key] !== null) dataStr += key + '=' + url_encode(data[key]) + '&';			}		if (dataStr !== '') {			dataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));			url = url + '?' + dataStr;		}	}	var sendData = '';	var contentType = 'application/x-www-form-urlencoded; charset=utf-8';	if (type == "FORM") {		if (typeof (data) === 'string') sendData = data;		if (typeof (data) === 'object')			for (var key in data) {				if (Object.prototype.toString.call((data[key])) == '[object Array]') {					for (var a = 0; a < data[key].length; a++)						if (data[key] !== undefined) sendData += key + "=" + url_encode(data[key][a]) + "&";				}				else if (data[key] !== "" && data[key] !== null) sendData += key + "=" + url_encode(data[key]) + "&";			}	}	if (type == 'JSON') {		debugger		sendData = JSON.stringify(data);		contentType = "application/json; charset=utf-8";	}	if (!failCallBack) failCallBack = console.log;	var requestObj = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject;	requestObj.onreadystatechange = () => {		if (requestObj.readyState == 4) {			if (requestObj.status == 200) {				var obj = requestObj.response				if (String(dataType).toLowerCase() === 'html') return callback(obj);				if (typeof obj !== 'object') obj = JSON.parse(obj);				if (obj.code === 0) return callback(obj.data);				failCallBack(obj);			} else {				failCallBack(requestObj)			}		}	};	requestObj.open(type == 'GET' ? type : 'POST', url, true);	if (type != 'GET') requestObj.setRequestHeader("Content-type", contentType);	if (typeof (header) === 'object') for (var key in header) requestObj.setRequestHeader(key, header[key]);	requestObj.send(sendData || null);}

 

二次封装,统一处理token,未登录

top.ajaxRequest2 = ajaxRequest; ajaxRequest = function (type, url, data, callback, failCallBack, header, dataType) { if (!header) header = {}; header.token = localStorage.getItem('token'); if (!header.token) delete header.token; top.ajaxRequest2(type, url, data, callback, function (d) { if (d.code === 5009) localStorage.removeItem('token');/*登陆TOKEN失效_请重新登陆*/d.url = type + ' ' + url; console.error(d); if (failCallBack) failCallBack(d); }, header, dataType); };

 

转载于:https://www.cnblogs.com/kellynic/p/8398721.html

你可能感兴趣的文章
HDU-1085 Holding Bin-Laden Captive-母函数
查看>>
php提示undefined index的几种解决方法
查看>>
轻量级原生 ajax 函数,支持 get/array post/array post/json
查看>>
LRJ
查看>>
Struts2环境搭建
查看>>
Linux: Check version info
查看>>
Javascript-正则表达式-开发中的使用.
查看>>
stl学习之测试stlen,cout等的运行速度
查看>>
入门GoldenGate总结
查看>>
魔戒三曲,黑暗散去;人皇加冕,光明归来
查看>>
Error和Exception
查看>>
Python和Singleton (单件)模式[转载]
查看>>
hibernate多对多单向(双向)关系映射
查看>>
二分查找题
查看>>
httpclient设置proxy与proxyselector
查看>>
python 文件单行循环读取的坑(一个程序中,文件默认只能按行循环读取一次,即使写到另一个循环里,它也只读取一次)...
查看>>
IT常用单词
查看>>
拓扑排序
查看>>
NYOJ--32--SEARCH--组合数
查看>>
day07
查看>>