微信小程序數(shù)據(jù)請求的方式和注意事項(xiàng)詳解
1.小程序中網(wǎng)絡(luò)數(shù)據(jù)請求的限制
出于安全性方面的考慮，小程序官方對數(shù)據(jù)接口的請求做出了如下兩個限制：
① 只能請求HTTPS類型的接口
② 必須將接口的域名添加到信任列表中
2.配置request合法域名
假設(shè)要在自己的微信小程序中，希望請求某一域名下的接口，則配置步驟如下：
登錄微信小程序管理進(jìn)后臺->開發(fā)->開發(fā)管理->開發(fā)設(shè)置->服務(wù)器域名->修改request合法域名
注意事項(xiàng)：
① 域名只支持https協(xié)議
② 域名不能使用IP地址或localhost
③ 域名必須經(jīng)過ICP備案
④ 服務(wù)器域名一個月內(nèi)最多可申請修改5次
3.發(fā)起GET請求
調(diào)用微信小程序提供的wx.request()方法，可以發(fā)起GET數(shù)據(jù)請求。
首先設(shè)置好請求域名，然后操作如下：
<button type="primary" bindtap="Info">GET獲取請求</button>
.js文件和data數(shù)據(jù)平級
Info(){
wx.request({
// 請求路徑
url:"https://www.escook.cn/api/get",
// 請求方式
method:"GET",
// 發(fā)送到服務(wù)器的數(shù)據(jù)
data:{
name:"張三",
age:20
},
// 成功之后的回調(diào)函數(shù)
success:(res)=>{
console.log(res);
}
})
},4.發(fā)起POST請求
調(diào)用微信小程序提供的wx.request（）方法，可以發(fā)起POST數(shù)據(jù)請求
<button type="primary" bindtap="PostInfo">POST獲取請求</button>
PostInfo(){
wx.request({
// 請求路徑
url:"https://www.escook.cn/api/post",
// 請求方式
method:"POST",
// 發(fā)送到服務(wù)器的數(shù)據(jù)
data:{
name:"張三",
age:20
},
// 成功之后的回調(diào)函數(shù)
success:(res)=>{
console.log(res);
}
})
},5.在頁面剛加載時請求數(shù)據(jù)
在很多情況下，我們需要在頁面剛加載的時候，自動請求一些初始化的數(shù)據(jù)。此時需要在頁面的onLoad事件中調(diào)用獲取數(shù)據(jù)的函數(shù)
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad(options) {
this.PostInfo()
},6.跳過request合法域名校驗(yàn)
如果后端僅僅提供了http協(xié)議的接口，暫時沒有https接口，此時可以通過以下設(shè)置跳過request合法域名校驗(yàn)。
注意：僅在開發(fā)調(diào)試階段使用。
7.關(guān)于跨域和Ajax的介紹
跨域問題只存在于基于瀏覽器的web開發(fā)中，由于小程序的宿主環(huán)境不是瀏覽器，而是微信客戶端，所以小程序不存在跨域問題。
Ajax技術(shù)的核心是依賴于瀏覽器中的XMLHttpRequest這個對象，而小程序的宿主環(huán)境是微信客戶端，所以小程序無法叫“發(fā)起Ajax請求”，而是叫“發(fā)起網(wǎng)絡(luò)數(shù)據(jù)請求”。
到此這篇關(guān)于微信小程序數(shù)據(jù)請求的方式和注意事項(xiàng)詳解的文章就介紹到這了,更多相關(guān)小程序數(shù)據(jù)請求內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了ES6 Promise對象概念及用法,結(jié)合實(shí)例形式詳細(xì)分析了ES6中Promise對象的概念、原理、創(chuàng)建、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-10-10
這篇文章主要介紹了webpack 4 升級遷移的實(shí)現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
JS、jquery實(shí)現(xiàn)幾分鐘前、幾小時前、幾天前等時間差顯示效果的代碼實(shí)例分享
在新浪微博首頁看到每條微博后邊顯示的時間并不是標(biāo)準(zhǔn)的年-月-日格式，而是經(jīng)過換算的時間差，如：發(fā)表于5分鐘前、發(fā)表于“2小時前”，比起標(biāo)準(zhǔn)的時間顯示格式，貌似更加直觀和人性化2014-04-04
小程序scroll-view安卓機(jī)隱藏橫向滾動條的實(shí)現(xiàn)詳解
這篇文章主要介紹了小程序scroll-view安卓機(jī)隱藏橫向滾動條的實(shí)現(xiàn)詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
CocosCreator實(shí)現(xiàn)技能冷卻效果
這篇文章主要介紹了CocosCreator實(shí)現(xiàn)技能冷卻效果，同學(xué)們可以跟著教程，親手試一下，代碼都是可以復(fù)用的2021-04-04
javascript+dom樹型菜單類，希望朋友們一起進(jìn)步
javascript+dom樹型菜單類，希望朋友們一起進(jìn)步...2007-05-05
js判斷數(shù)組key是否存在(不用循環(huán))的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s判斷數(shù)組key是否存在(不用循環(huán))的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
最近在網(wǎng)上查閱了不少Javascript閉包(closure)相關(guān)的資料，寫的大多是非常的學(xué)術(shù)和專業(yè)。對于初學(xué)者來說別說理解閉包了，就連文字?jǐn)⑹龆己茈y看懂。撰寫此文的目的就是用最通俗的文字揭開Javascript閉包的真實(shí)面目。2010-12-12
在做網(wǎng)頁時（其實(shí)是網(wǎng)頁木馬呵呵），最讓人煩惱的是自己辛辛苦苦寫出來的客戶端IE運(yùn)行的JAVASCRIPT代碼常常被別人輕易的拷貝，實(shí)在讓自己的心里有點(diǎn)不是滋味，要知道自己寫點(diǎn)東西也挺累的2008-06-06
IE view-source 無法查看看源碼 JavaScript看網(wǎng)頁源碼
查看網(wǎng)頁源代碼的方法其實(shí)有好幾種，最常用的我們就是在瀏覽器中直接選擇“查看網(wǎng)頁源代碼”就可以了，但是在有些時候這種方法卻不能見效，以下再介紹幾種簡單的方法供大家參考！2009-07-07