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

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

選擇開發(fā)設置:

可以看到服務器設置:

這里我們可以設置我們這個APPID可以訪問的域名,每種最多可以設置兩個。(注意,此處只能使用 https 的域名,這個申請過程需要花費一定的時間)
2. 當沒有APPID的情況下,就方便多了,可以隨意進行網(wǎng)絡請求,不限制域名,但是,這種情況下不能進行發(fā)布,也不能在手機上預覽。如果想正式做小程序開發(fā),還是需要有一個https的域名,但是學習的情況下http的就足夠了。
在小程序中網(wǎng)絡請求大致分為四種類型。
- 普通HTTPS請求(wx.request)
- 上傳文件(wx.uploadFile)
- 下載文件(wx.downloadFile)
- WebSocket通信(wx.connectSocket)
這里主要講 wx.request:
使用wx.request可以發(fā)起一個http請求,一個微信小程序被限制為同時只有5個網(wǎng)絡請求。注意是同時。
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請求,其中的參數(shù)也比較容易理解。
- url 服務器的url地址
- data 請求的參數(shù)可以采用String data:”xxx=xxx&xxx=xxx”的形式或者Object data:{“userId”:1}的形式
- header 設置請求的header
- method http的方法,默認為GET請求
- success 接口成功的回調(diào)
- fail 接口失敗的回調(diào)
另外還有一個參數(shù)沒有在代碼里:
- complete 調(diào)用接口結(jié)束之后的回調(diào),無論成功或者失敗該接口都會被調(diào)用
超時的設置
在前文中已經(jīng)提到了在app.js中設置networkTimeout可以設置四種類型網(wǎng)絡訪問的超時時間:
"networkTimeout":{
"request": 10000,
"connectSocket": 10000,
"uploadFile": 10000,
"downloadFile": 10000
}
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
一文詳解typeScript的extends關(guān)鍵字
這篇文章主要為大家介紹了typeScript的extends關(guān)鍵字使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03
實現(xiàn)微信小程序的wxml文件和wxss文件在webstrom的支持
這篇文章主要介紹了實現(xiàn)微信小程序的wxml文件和wxss文件在webstrom的支持的相關(guān)資料,需要的朋友可以參考下2017-06-06
JavaScript立即執(zhí)行函數(shù)用法解析
這篇文章主要介紹了JavaScript立即執(zhí)行函數(shù),我們知道,在一般情況下,函數(shù)必須先調(diào)用才能執(zhí)行,如下所示,我們定義了一個函數(shù),并且調(diào)用,下面一起進入文章來接具體的使用方法吧2021-12-12
electron創(chuàng)建新窗口模態(tài)框并實現(xiàn)主進程傳值給子進程
這篇文章主要為大家介紹了electron創(chuàng)建新窗口模態(tài)框并實現(xiàn)主進程傳值給子進程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02
pnpm?tauri?build?默認com.tauri.dev打包報錯解決
這篇文章主要介紹了pnpm?tauri?build?默認com.tauri.dev打包報錯解決方式,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
javascript數(shù)據(jù)類型之原始類型詳解
這篇文章主要為大家介紹了javascript數(shù)據(jù)類型之原始類型詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-06-06

