1 回答

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
使用vue.js與后臺(tái)實(shí)現(xiàn)數(shù)據(jù)交互的方法是利用vue-resource組件提供的一系列api:
get(url, [data], [success], [options])
post(url, [data], [success], [options])
put(url, [data], [success], [options])
patch(url, [data], [success], [options])
delete(url, [data], [success], [options])
jsonp(url, [data], [success], [options])
具體舉例如下:
1、導(dǎo)入vue-resource
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>
2、基于全局Vue對(duì)象使用http
// 通過(guò)someUrl獲取后臺(tái)數(shù)據(jù),成功后執(zhí)行then的代碼
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
3、在一個(gè)Vue實(shí)例內(nèi)使用$http
// $http是在vue的局部范圍內(nèi)的實(shí)例
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
說(shuō)明:
在發(fā)送請(qǐng)求后,使用then方法來(lái)處理響應(yīng)結(jié)果,then方法有兩個(gè)參數(shù),第一個(gè)參數(shù)是響應(yīng)成功時(shí)的回調(diào)函數(shù),第二個(gè)參數(shù)是響應(yīng)失敗時(shí)的回調(diào)函數(shù)。
添加回答
舉報(bào)