使用vue.js與後臺實現資料互動的方法是利用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、匯入vue-resource
2、基於全域性Vue物件使用http
// 透過someUrl獲取後臺資料,成功後執行then的程式碼
Vue.http.get("/someUrl", [options]).then(successCallback, errorCallback);
3、在一個Vue例項內使用$http
// $http是在vue的區域性範圍內的例項
this.$http.get("/someUrl", [options]).then(successCallback, errorCallback);
說明:
在傳送請求後,使用then方法來處理響應結果,then方法有兩個引數,第一個引數是響應成功時的回撥函式,第二個引數是響應失敗時的回撥函式。
使用vue.js與後臺實現資料互動的方法是利用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、匯入vue-resource
2、基於全域性Vue物件使用http
// 透過someUrl獲取後臺資料,成功後執行then的程式碼
Vue.http.get("/someUrl", [options]).then(successCallback, errorCallback);
3、在一個Vue例項內使用$http
// $http是在vue的區域性範圍內的例項
this.$http.get("/someUrl", [options]).then(successCallback, errorCallback);
說明:
在傳送請求後,使用then方法來處理響應結果,then方法有兩個引數,第一個引數是響應成功時的回撥函式,第二個引數是響應失敗時的回撥函式。