微信小程序ajax數(shù)據(jù)請求的示例

小編給大家分享一下微信小程序ajax數(shù)據(jù)請求的示例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

微信小程序的ajax數(shù)據(jù)請求，很多同學(xué)找不到api在哪個位置，這里單獨把小程序的ajax請求給列出來，微信小程序的請求就是wx.request這個api，wx.request(一些對象參數(shù))，微信小程序不同于瀏覽器的ajax請求，可以直接跨域請求不用考慮跨域問題。

使用小程序官方提供的數(shù)據(jù)請求api發(fā)起數(shù)據(jù)請求

wx.request(OBJECT)

wx.request發(fā)起的是https請求。一個微信小程序，同時只能有5個網(wǎng)絡(luò)請求連接。

OBJECT參數(shù)說明：

示例代碼：

wx.request({
  url: 'test.php',
  data: {
     x: '' ,
     y: ''
  },
  header: {
      'Content-Type': 'application/json'
  },
  success: function(res) {
    console.log(res.data)
  }
})

微信小程序中使用fetch做ajax請求

fetch是一種新的ajax請求規(guī)范，fetch在小程序中也是支持的，測試ajax請求代碼如下：
then中帶代碼是測試，這里是節(jié)選了小部分代碼，實際使用需要自行修改。

fetch('http://www.php.cn/json.php?typeid=34&page=1&pagesize=10')
    .then(function(response){
        if(response.status==200){
          that.data.page++;
          return response.json();
        }
    }).then(function(data){
      console.log(data);
        //更新數(shù)據(jù)
        that.setData({
            listArr:that.data.page==1 ? data : that.data.listArr.concat(data)
        })
        console.log(that.data.listArr);
    })

以上是“微信小程序ajax數(shù)據(jù)請求的示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！