微信小程序(三):網絡請求
前文講配置的時候我們說過,開發(fā)小程序時可以選擇有 APPID 和 無 APPID ,兩種方式。
1. 當有APPID的情況下,進行網絡通信,只能和指定的域名進行通信。如果沒有進行配置,編譯時會報如下錯誤:

配置方法:
設置域名
需要在微信公眾平臺的小程序中設置域名。在微信小程序的設置界面可以看到設置選項:

選擇開發(fā)設置:

可以看到服務器設置:

這里我們可以設置我們這個APPID可以訪問的域名,每種最多可以設置兩個。(注意,此處只能使用 https 的域名,這個申請過程需要花費一定的時間)
2. 當沒有APPID的情況下,就方便多了,可以隨意進行網絡請求,不限制域名,但是,這種情況下不能進行發(fā)布,也不能在手機上預覽。如果想正式做小程序開發(fā),還是需要有一個https的域名,但是學習的情況下http的就足夠了。
在小程序中網絡請求大致分為四種類型。
- 普通HTTPS請求(wx.request)
- 上傳文件(wx.uploadFile)
- 下載文件(wx.downloadFile)
- WebSocket通信(wx.connectSocket)
這里主要講 wx.request:
使用wx.request可以發(fā)起一個http請求,一個微信小程序被限制為同時只有5個網絡請求。注意是同時。
wx.request({
url: 'http://192.168.1.137:80/app/guanggao',
method: 'POST',
data: {
type: "1"
},
header: {
'Accept': 'application/json'
},
success: function (res) {
that.setData({
images: res.data.data.guanggao
})
}
fail:function(err){
console.log(err)
}
})
上面的代碼會發(fā)送一個http get請求,其中的參數也比較容易理解。
- url 服務器的url地址
- data 請求的參數可以采用String data:”xxx=xxx&xxx=xxx”的形式或者Object data:{“userId”:1}的形式
- header 設置請求的header
- method http的方法,默認為GET請求
- success 接口成功的回調
- fail 接口失敗的回調
另外還有一個參數沒有在代碼里:
- complete 調用接口結束之后的回調,無論成功或者失敗該接口都會被調用
超時的設置
在前文中已經提到了在app.js中設置networkTimeout可以設置四種類型網絡訪問的超時時間:
"networkTimeout":{
"request": 10000,
"connectSocket": 10000,
"uploadFile": 10000,
"downloadFile": 10000
}
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
VSCode多行注釋插件KoroFileHeader使用示例
這篇文章主要為大家介紹了VSCode多行注釋插件KoroFileHeader使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03
TypeScript與JavaScript對比及打包工具比較
這篇文章主要為大家介紹了TypeScript與JavaScript對比及打包工具比較,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03
利用前端HTML+CSS+JS開發(fā)簡單的TODOLIST功能(記事本)
這篇文章主要介紹了用HTML+CSS+JS做出簡單的TODOLIST(記事本)項目,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2021-04-04
JavaScript parseInt0.0000005打印5原理解析
這篇文章主要為大家介紹了JavaScript parseInt0.0000005打印5原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07

