1.小程序中網(wǎng)絡(luò)數(shù)據(jù)請求的限制

出于安全性方面的考慮，小程序官方對數(shù)據(jù)接口的請求做出了如下兩個(gè)限制：

① 只能請求HTTPS類型的接口

② 必須將接口的域名添加到信任列表中

2.配置request合法域名

假設(shè)要在自己的微信小程序中，希望請求某一域名下的接口，則配置步驟如下：

登錄微信小程序管理進(jìn)后臺->開發(fā)->開發(fā)管理->開發(fā)設(shè)置->服務(wù)器域名->修改request合法域名

注意事項(xiàng)：

① 域名只支持https協(xié)議

② 域名不能使用IP地址或localhost

③ 域名必須經(jīng)過ICP備案

④ 服務(wù)器域名一個(gè)月內(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í)請求數(shù)據(jù)

在很多情況下，我們需要在頁面剛加載的時(shí)候，自動(dòng)請求一些初始化的數(shù)據(jù)。此時(shí)需要在頁面的onLoad事件中調(diào)用獲取數(shù)據(jù)的函數(shù)

 /**
   * 生命周期函數(shù)--監(jiān)聽頁面加載
   */
  onLoad(options) {
this.PostInfo()
  },

6.跳過request合法域名校驗(yàn)

如果后端僅僅提供了http協(xié)議的接口，暫時(shí)沒有https接口，此時(shí)可以通過以下設(shè)置跳過request合法域名校驗(yàn)。

注意：僅在開發(fā)調(diào)試階段使用。

7.關(guān)于跨域和Ajax的介紹

跨域問題只存在于基于瀏覽器的web開發(fā)中，由于小程序的宿主環(huán)境不是瀏覽器，而是微信客戶端，所以小程序不存在跨域問題。

Ajax技術(shù)的核心是依賴于瀏覽器中的XMLHttpRequest這個(gè)對象，而小程序的宿主環(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)文章希望大家以后多多支持腳本之家！

最新評論