微信小程序API調(diào)用wx.request實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求的示例分析

這篇文章主要介紹微信小程序API調(diào)用wx.request實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

wx.request

看文檔時(shí)，提供了示例模板如下：

wx.request({
  url: 'test.php', //僅為示例，并非真實(shí)的接口地址
  data: {
     x: '' ,
     y: ''
  },
  header: {    'content-type': 'application/json' // 默認(rèn)值
  },
  success: function(res) {
    console.log(res.data)
  }})

如何調(diào)取數(shù)據(jù)這是個(gè)難題，但是要模擬調(diào)用是有可能的。因?yàn)橛袀€(gè)網(wǎng)址：https：//easy-mock.com/ ，提供了模擬數(shù)據(jù)的請(qǐng)求。那么我們先來(lái)模擬一下數(shù)據(jù)吧，到時(shí)，復(fù)制鏈接給模板中的網(wǎng)址即可。

如圖登錄官網(wǎng)，登錄，接著點(diǎn)擊箭頭，進(jìn)入下一頁(yè)面。

點(diǎn)擊創(chuàng)建接口。

更新數(shù)據(jù)，創(chuàng)建屬于自己的數(shù)據(jù)即可。

一可預(yù)覽效果，鏈接復(fù)制到url模板中。

接著我們打開(kāi)微信小程序的開(kāi)發(fā)工具，在界面中添加按鈕請(qǐng)求即可。

 <button type='primary' bindtap='send'>請(qǐng)求數(shù)據(jù)</button>

在接著js文件中添加事件。

//send
  send: function(){
    wx.request({
      url: '復(fù)制的鏈接', //僅為示例，并非真實(shí)的接口地址
      data: {
        x: '',
        y: ''
      },
      header: {
        'content-type': 'application/json' // 默認(rèn)值
      },
      success: function (res) {
        console.log(res.data)
      }
    })
  }

點(diǎn)擊按鈕如果出現(xiàn)下面的錯(cuò)誤，那是因?yàn)橐皆斍榘粹o中，給個(gè)地方打個(gè)勾即可。

找到下方打鉤即可。

點(diǎn)擊按鈕，即可查看，請(qǐng)求數(shù)據(jù)效果出現(xiàn)了。

以上是“微信小程序API調(diào)用wx.request實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！