全棧爬坑之路:讓Ajax輕松點(diǎn)

以前一直在用JQuery自帶的ajax功能糯俗,后來(lái)?yè)Q了Vue顶霞,又開(kāi)始用axios肄程。但是每次用ajax的時(shí)候總是覺(jué)得不夠輕松——Web2.0的時(shí)代,Ajax就應(yīng)該像按鈕选浑、像圖片蓝厌,使用起來(lái)如同原生一般輕松,這樣才對(duì)嘛鲜侥!

<button v-api:target="{method:'get',url:'localhost/api',data:array,map:relation}"></button>

...沒(méi)錯(cuò)褂始,Ajax就應(yīng)該像這樣!一條指令描函,輕松搞定崎苗。

不扯虛的,直接上代碼:

簡(jiǎn)書(shū)的代碼編輯實(shí)在是爛 只好上圖了

[注1]:見(jiàn)上期文章全棧爬坑之路:愉快的Vue組件通信舀寓,使用mark標(biāo)簽決定通信對(duì)象

[注2]:見(jiàn)上期文章全棧爬坑之路:愉快的Vue組件通信胆数,實(shí)現(xiàn)原理1

[注3]:見(jiàn)上期文章全棧爬坑之路:愉快的Vue組件通信,將response.data中的屬性與組件data中的屬性對(duì)應(yīng)起來(lái)

中間略去一段判斷postman存在性的代碼(其實(shí)是忘記寫了)互墓。

第二部分 具體實(shí)現(xiàn)

[注4]:見(jiàn)....好了別打我 知道錯(cuò)了QWQ ?如果不使用數(shù)據(jù)同步功能這段可以刪除

[注5]:當(dāng)不使用map指定對(duì)應(yīng)關(guān)系時(shí)必尼,v-load:target="{id:'my_id'}"則直接將response.data.id同步到v-load指令所在對(duì)象data中的my_id上;否則按照上期...文章中的方式進(jìn)行映射指定。


測(cè)試結(jié)果
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末判莉,一起剝皮案震驚了整個(gè)濱河市豆挽,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌券盅,老刑警劉巖帮哈,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異锰镀,居然都是意外死亡娘侍,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門泳炉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)憾筏,“玉大人,你說(shuō)我怎么就攤上這事花鹅⊙跹” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵翠胰,是天一觀的道長(zhǎng)容贝。 經(jīng)常有香客問(wèn)我,道長(zhǎng)之景,這世上最難降的妖魔是什么斤富? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮锻狗,結(jié)果婚禮上满力,老公的妹妹穿的比我還像新娘。我一直安慰自己轻纪,他們只是感情好油额,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著刻帚,像睡著了一般潦嘶。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上崇众,一...
    開(kāi)封第一講書(shū)人閱讀 49,950評(píng)論 1 291
  • 那天掂僵,我揣著相機(jī)與錄音,去河邊找鬼顷歌。 笑死锰蓬,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的眯漩。 我是一名探鬼主播芹扭,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼麻顶,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了舱卡?” 一聲冷哼從身側(cè)響起辅肾,我...
    開(kāi)封第一講書(shū)人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎轮锥,沒(méi)想到半個(gè)月后宛瞄,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡交胚,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了盈电。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蝴簇。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖匆帚,靈堂內(nèi)的尸體忽然破棺而出熬词,到底是詐尸還是另有隱情,我是刑警寧澤吸重,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布互拾,位于F島的核電站,受9級(jí)特大地震影響嚎幸,放射性物質(zhì)發(fā)生泄漏颜矿。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一嫉晶、第九天 我趴在偏房一處隱蔽的房頂上張望骑疆。 院中可真熱鬧,春花似錦替废、人聲如沸箍铭。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)诈火。三九已至,卻和暖如春状答,著一層夾襖步出監(jiān)牢的瞬間冷守,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工剪况, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留教沾,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓译断,卻偏偏與公主長(zhǎng)得像授翻,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,846評(píng)論 25 707
  • 昨晚的風(fēng),輕輕的淮菠、淡淡的吹過(guò)我的皮膚男公,有一絲冷意輕觸心頭,我抬頭望月合陵,明月皎夜光枢赔,長(zhǎng)情以懷人。 在楊柳吹...
    安之若素_一瞬之光閱讀 245評(píng)論 0 0
  • 人們都不太習(xí)慣于去思考和做出一個(gè)邏輯性的理論研究拥知,而更習(xí)慣于聽(tīng)故事踏拜,所以正常的行為邏輯本來(lái)應(yīng)該是列舉現(xiàn)象,分級(jí)分析...
    陶慈閱讀 219評(píng)論 0 0
  • 1.學(xué)會(huì)極限銷售我們會(huì)教會(huì)你怎樣設(shè)定不可思議的目標(biāo)低剔,一個(gè)人沒(méi)有了目標(biāo)就好比大海中航行的船只速梗,沒(méi)有指南針的指引,永遠(yuǎn)...
    d027f2d8fe6c閱讀 359評(píng)論 0 0
  • 需求彈性2 我們今天繼續(xù)講需求彈性理論的第二節(jié)襟齿。 我們先講定義姻锁,再來(lái)解釋。(大家不用著急也不要被公式和概念給嚇住了...
    果大喵喵閱讀 881評(píng)論 0 0