uniapp封裝網絡請求


在項目下新建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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM