新聞中心
現(xiàn)在的項(xiàng)目中都在用VUE 以及react 等MVC, MVVM 框架。 丟棄了原始的JQ 。不可能為了個(gè)$.ajax();而把JQ引進(jìn)來(lái)吧。
在vue1的開(kāi)發(fā)中 提供了 vueResouce, vue2 出來(lái)后明確提出了不在更新vueResouce 而提供axios 的方法。
在react 的開(kāi)發(fā)中提供fetch 封裝的方法。等等。但在工作與后臺(tái)的交互中基本都是form表單的形式。于是自己封裝了個(gè)
POST,GET,DELETE 的請(qǐng)求方式。當(dāng)然根據(jù)不同的公司,不同的方式。都可以自己擴(kuò)展。目前這個(gè)只是針對(duì)自己所在公司而已。
function api(url,opt,methods) { return new Promise(function(resove,reject){ methods = methods || 'POST'; var xmlHttp = null; if (XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }; var params = []; for (var key in opt){ if(!!opt[key] || opt[key] === 0){ params.push(key + '=' + opt[key]); } }; var postData = params.join('&'); if (methods.toUpperCase() === 'POST') { xmlHttp.open('POST', url, true); xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8'); xmlHttp.send(postData); }else if (methods.toUpperCase() === 'GET') { xmlHttp.open('GET', url + '?' + postData, true); xmlHttp.send(null); }else if(methods.toUpperCase() === 'DELETE'){ xmlHttp.open('DELETE', url + '?' + postData, true); xmlHttp.send(null); } xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { resove(JSON.parse(xmlHttp.responseText)); } }; }); } export default api;
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
網(wǎng)站標(biāo)題:原生js封裝get,post,delete請(qǐng)求的實(shí)例-創(chuàng)新互聯(lián)
本文路徑:http://www.dlmjj.cn/article/cscdod.html