基本語法
我們注重客戶提出的每個要求,我們充分考慮每一個細節,我們積極的做好成都網站設計、做網站服務,我們努力開拓更好的視野,通過不懈的努力,成都創新互聯贏得了業內的良好聲譽,這一切,也不斷的激勵著我們更好的服務客戶。 主要業務:網站建設,網站制作,網站設計,微信小程序開發,網站開發,技術開發實力,DIV+CSS,PHP及ASP,ASP.Net,SQL數據庫的技術開發工程師。
必須引入一個庫:vue-resource github地址
// 基于全局Vue對象使用http Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback); Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback); // 在一個Vue實例內使用$http this.$http.get('/someUrl', [options]).then(successCallback, errorCallback); this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
vue-resource的請求API是按照REST風格設計的,它提供了7種請求API:
get(url, [options])
head(url, [options])
delete(url, [options])
jsonp(url, [options])
post(url, [body], [options])
put(url, [body], [options])
patch(url, [body], [options])
Options
Parameter | Type | Description |
---|---|---|
url | string | 請求的UR |
body | Object, FormData, string | request body |
headers | Object | request header |
params | Object | 請求的URL參數對象 |
method | string | 請求的HTTP方法,例如:'GET', 'POST'或其他HTTP方法 |
timeout | number | 單位為毫秒的請求超時時間 (0 表示無超時時間) |
before | function(request) | 請求發送前的處理函數,類似于jQuery的beforeSend函數 |
progress | function(event) | ProgressEvent回調處理函數 |
credentials | boolean | 表示跨域請求時是否需要使用憑證 |
emulateHTTP | boolean | 發送PUT, PATCH, DELETE請求時以HTTP POST的方式發送,并設置請求頭的X-HTTP-Method-Override |
emulateJSON | boolean | 將request body以application/x-www-form-urlencoded content type發送 |
1. 向文本發出get請求
準備一個1.txt 的文本數據,時面的內容是:welcomet to vue!!!
上面代碼實現了,點擊按鈕,就發送get請求,成功就會執行彈窗 welcomet to vue!!!
2. 關于向后端請求,并帶參數的寫法
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創新互聯。