微信小程序中怎么調(diào)用API實現(xiàn)數(shù)據(jù)請求

小編給大家分享一下微信小程序中怎么調(diào)用API實現(xiàn)數(shù)據(jù)請求，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

微信小程序不存在ajax，那么它是如何實現(xiàn)數(shù)據(jù)請求功能的呢？微在信中提供了API的調(diào)用wx.request(OBJECT)，這個是很不錯的。下面就講一下如何請求數(shù)據(jù)，簡單到不行。

wx.request

看文檔時，提供了示例模板如下：

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

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

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

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

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

一可預覽效果，鏈接復制到url模板中。

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

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

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

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

點擊按鈕如果出現(xiàn)下面的錯誤，那是因為要到詳情按鈕中，給個地方打個勾即可。

找到下方打鉤即可。

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

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