在項目下新建utils文件夾,已有則不用新建,在utils文件夾下新建http.js文件
得到傳來的參數 用params來接收,接下來先定義幾個會用到的東西
header有就傳 沒有就為空
data也是 有就傳 沒有就為空 因為get請求可以不用header 也可以不用data
請求方式不同 有get 有post等等 post的話要配置header
所以要判斷請求方式確定header的內容
content-type是以表單的方式還是以json的方式要根據和后端的約定,如果是post的話就加上這個header
發起請求的話有個加載動畫,這里使用uni.showLoading方法
接下來寫發起請求,是否驗證ssl證書的選項根據實際情況決定
請求成功后uniapp會在success回調里有statusCode
所以需要判斷一下看有沒有statusCode和 statusCode是否等於200, 不等於200的時候說明是api錯誤了
當statusCode 等於200的時候是請求成功了,請求到的數據應該回傳給調用的地方,在調用的地方拿到數據后再進行處理
在請求失敗的fail里寫上對應的處理,失敗的時候把失敗信息回傳給調用的地方
在完成的complete里關掉請求的loading
在main.js里對http.js進行全局的引入,引入后進行配置 這樣的話每個組件都能直接調用http了
在需要發請求的地方寫上
如果不需要發起請求時的loading 就寫上hideLoading:true
至此 uniapp封裝網絡請求已經實現,可以直接拿着用的。
對應demo鏈接:
http://note.youdao.com/noteshare?id=611bd0a2cbb4b45c1f78cb5a754d9ee3