摘要:但還會(huì)需要一個(gè)對(duì)象來(lái)對(duì)結(jié)果進(jìn)行處理。實(shí)現(xiàn)對(duì)象用于在后臺(tái)與服務(wù)器交換數(shù)據(jù)說(shuō)明請(qǐng)求已完成從服務(wù)器獲得數(shù)據(jù)實(shí)現(xiàn)說(shuō)明請(qǐng)求已完成從服務(wù)器獲得數(shù)據(jù)
1.axios 原理還是屬于 XMLHttpRequest, 因此需要實(shí)現(xiàn)一個(gè)ajax。
2.但還會(huì)需要一個(gè)promise對(duì)象來(lái)對(duì)結(jié)果進(jìn)行處理。
3.ajax實(shí)現(xiàn)
var Ajax={
get: function(url, fn) { // XMLHttpRequest對(duì)象用于在后臺(tái)與服務(wù)器交換數(shù)據(jù) var xhr = new XMLHttpRequest(); xhr.open("GET", url, true); xhr.onreadystatechange = function() { // readyState == 4說(shuō)明請(qǐng)求已完成 if (xhr.readyState == 4 && xhr.status == 200) { // 從服務(wù)器獲得數(shù)據(jù) fn.call(this, xhr.responseText); } }; xhr.send(); } }
axios實(shí)現(xiàn)
var Axios = {
get: function(url) { return new Promise((resolve, reject) => { var xhr = new XMLHttpRequest(); xhr.open("GET", url, true); xhr.onreadystatechange = function() { // readyState == 4說(shuō)明請(qǐng)求已完成 if (xhr.readyState == 4 && xhr.status == 200) { // 從服務(wù)器獲得數(shù)據(jù) resolve(xhr.responseText) } }; xhr.send(); }) }, }
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/106102.html
摘要:一款精簡(jiǎn)而豐富的微型框架,非常適合以為核心的項(xiàng)目使用。并集成指令模板進(jìn)度條效果等功能。雖然支持載入頁(yè)面的運(yùn)行,但是由于安全限制以及可能出現(xiàn)的重復(fù)運(yùn)行的問(wèn)題,建議將所有寫(xiě)在主頁(yè)面,事件以委托方式綁定。使用模式請(qǐng)求頁(yè)面,這樣可以保證是完全重載。 jQloader v0.2.3 一款精簡(jiǎn)而豐富的微型框架,非常適合以 jQuery 為核心的項(xiàng)目使用。 它的核心功能為 ajax + pushS...
摘要:我們都知道因?yàn)橥床呗缘膯?wèn)題,瀏覽器的請(qǐng)求是可能隨便跨域的一定要有跨域頭或者借助,但是,中可以設(shè)置為不跨域,如下所示這樣之后我們會(huì)得到一個(gè)為的返回。 免費(fèi)幫忙內(nèi)推阿里等各大IT公司的崗位,有興趣可以帶簡(jiǎn)歷加微信angeltune 引言 前端技術(shù)真是一個(gè)發(fā)展飛快的領(lǐng)域,我三年前入職的時(shí)候只有原生XHR和Jquery ajax,我們還曾被JQuery 1.9版本版本以下不支持大文件請(qǐng)求這個(gè)...
摘要:先來(lái)看看這兩個(gè)種傳送格式的寫(xiě)法格式,將類型設(shè)置為,請(qǐng)求時(shí)將序列化提交的數(shù)據(jù)會(huì)按照的方式進(jìn)行編碼,和都進(jìn)行了轉(zhuǎn)碼攔截器傳參序列化格式,有時(shí)候后臺(tái)需要傳送的是數(shù)據(jù),將類型設(shè)置為,注意請(qǐng)求時(shí)不要序列化 先來(lái)看看這兩個(gè)種傳送格式的寫(xiě)法1.form格式,將Content-Type類型設(shè)置為application/x-www-form-urlencode,POST請(qǐng)求時(shí)將data序列化,提交的數(shù)據(jù)...
摘要:前言最近在學(xué),試著做一個(gè)前后端都有的項(xiàng)目然后就遇到了和這倆兄弟你說(shuō)他們倆長(zhǎng)得也不像吧可這用法實(shí)在是太類似了這不,專門(mén)寫(xiě)篇文章來(lái)區(qū)分這哥倆分別會(huì)從路由和接收兩個(gè)角度講路由中的傳參假設(shè)我們現(xiàn)在需要實(shí)現(xiàn)一個(gè)路由切換,點(diǎn)擊之切換到組件并傳遞一個(gè)值和 前言 最近在學(xué)node,試著做一個(gè)前后端都有的項(xiàng)目然后就遇到了query和parmas這倆兄弟你說(shuō)他們倆長(zhǎng)得也不像吧可這用法實(shí)在是太類似了這不,專...
閱讀 3587·2019-08-30 15:55
閱讀 1382·2019-08-29 16:20
閱讀 3668·2019-08-29 12:42
閱讀 2671·2019-08-26 10:35
閱讀 1022·2019-08-26 10:23
閱讀 3418·2019-08-23 18:32
閱讀 907·2019-08-23 18:32
閱讀 2902·2019-08-23 14:55