• 轻量级原生 ajax 函数,支持 get/array post/array post/json


    原生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); };
    
  • 相关阅读:
    1
    webpack
    webpack32
    41324
    124
    CSS 32
    Git 分支管理
    Git 标签管理
    datetime的timedelta对象
    unittest中的testCase执行顺序
  • 原文地址:https://www.cnblogs.com/kellynic/p/8398721.html
Copyright © 2020-2023  润新知