微信小程式如何呼叫API實現資料請求-wx.request()
前言
微信小程式不存在ajax
,那麼它是如何實現資料請求功能的呢?微在信中提供了API
的呼叫wx.request(OBJECT)
,這個是很不錯的。下面就講一下如何請求資料,簡單到不行。
wx.request
看文件時,提供了示例模板如下:
wx.request({
url: 'test.php', //僅為示例,並非真實的介面地址
data: {
x: '' ,
y: ''
},
header: {
'content-type': 'application/json' // 預設值
},
success: function(res) {
console.log(res.data)
}
})
如何調取資料這是個難題,但是要模擬呼叫是有可能的。因為有個網址:https://easy-mock.com/ ,提供了模擬資料的請求。那麼我們先來模擬一下資料吧,到時,複製連結給模板中的網址即可。
如圖登入官網,登入,接著點選箭頭,進入下一頁面。
點選建立介面。
更新資料,建立屬於自己的資料即可。
一可預覽效果,連結複製到url
模板中。
接著我們開啟微信小程式的開發工具,在介面中新增按鈕請求即可。
<button type='primary' bindtap='send'>請求資料</button>
在接著js
檔案中新增事件。
//send
send: function(){
wx.request({
url: '複製的連結', //僅為示例,並非真實的介面地址
data: {
x: '',
y: ''
},
header: {
'content-type': 'application/json' // 預設值
},
success: function (res) {
console.log(res.data)
}
})
}
點選按鈕如果出現下面的錯誤,那是因為要到詳情按鈕中,給個地方打個勾即可。
找到下方打鉤即可。
點選按鈕,即可檢視,請求資料效果出現了。
結語
- 你完成了嗎?是不是,很容易呢?是不是很簡單呢?
相關文章
- 微信小程式 wx.request統一呼叫微信小程式
- 基於小程式請求介面 wx.request 封裝的類 axios 請求封裝iOS
- 微信小程式-發起請求微信小程式
- 小程式封裝wx.request請求並建立介面管理檔案封裝
- 微信小程式 request請求封裝微信小程式封裝
- 微信小程式 wx.request 的封裝微信小程式封裝
- 微信小程式request請求的封裝微信小程式封裝
- 微信小程式開發系列六:微信框架API的呼叫微信小程式框架API
- 微信小程式wx.request的簡單封裝微信小程式封裝
- 如何在原生微信小程式中實現資料雙向繫結微信小程式
- 前端快取API請求資料前端快取API
- 如何在 PyQt 中實現非同步資料庫請求QT非同步資料庫
- 解析Fetch實現請求資料
- 服務端呼叫微信小程式OCR識別介面實現服務端微信小程式
- 微信小程式解除 10 個請求併發限制了?!微信小程式
- 微信小程式之網路請求簡單封裝微信小程式封裝
- 微信小程式如何實現自動退款功能?微信小程式
- 關於微信小程式中如何實現資料視覺化-echarts動態渲染微信小程式視覺化Echarts
- 微信小程式中使用Fly.js 發起http請求微信小程式JSHTTP
- jquery實現的ajax請求獲取json資料程式碼jQueryJSON
- 微信公眾號回覆小程式卡片如何實現?
- .NET CORE 6 API與原生微信小程式資料互通教程API微信小程式
- 微信小程式,實現 watch 屬性,監聽資料變化微信小程式
- 微信小程式選單實現微信小程式
- 微信小程式 遮罩功能實現微信小程式遮罩
- GET和POST方式請求API介面資料返回API
- 當微信小程式遇上TensorFlow:小程式實現微信小程式
- API商品資料介面呼叫實戰API
- 實現呼叫API介面API
- W3C付款請求API:Payment-Request API呼叫規範API
- 微信小程式常見問題彙總 微信小程式有什麼功能 如何申請?微信小程式
- 微信小程式學習總結02:封裝api請求(處理非同步api回撥地獄的一種方案)微信小程式封裝API非同步
- 微信小程式資料處理微信小程式
- 微信小程式—— 獲取資料微信小程式
- 微信小程式實現換膚功能微信小程式
- 微信小程式(JAVAScript)實現餅圖微信小程式JavaScript
- JS實現監控微信小程式JS微信小程式
- 微信小程式搶紅包實現效果微信小程式