小編給大家分享一下微信小程序中怎么調(diào)用API實(shí)現(xiàn)數(shù)據(jù)請求,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、阿合奇網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、阿合奇網(wǎng)絡(luò)營銷、阿合奇企業(yè)策劃、阿合奇品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供阿合奇建站搭建服務(wù),24小時(shí)服務(wù)熱線:028-86922220,官方網(wǎng)址:www.cdcxhl.com
微信小程序不存在ajax
,那么它是如何實(shí)現(xiàn)數(shù)據(jù)請求功能的呢?微在信中提供了API
的調(diào)用wx.request(OBJECT)
,這個(gè)是很不錯(cuò)的。下面就講一下如何請求數(shù)據(jù),簡單到不行。
看文檔時(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ù)的請求。那么我們先來模擬一下數(shù)據(jù)吧,到時(shí),復(fù)制鏈接給模板中的網(wǎng)址即可
如圖登錄官網(wǎng),登錄,接著點(diǎn)擊箭頭,進(jìn)入下一頁面。
點(diǎn)擊創(chuàng)建接口。
更新數(shù)據(jù),創(chuàng)建屬于自己的數(shù)據(jù)即可。
一可預(yù)覽效果,鏈接復(fù)制到url
模板中。
接著我們打開微信小程序的開發(fā)工具,在界面中添加按鈕請求即可。
在接著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)擊按鈕,即可查看,請求數(shù)據(jù)效果出現(xiàn)了。
以上是“微信小程序中怎么調(diào)用API實(shí)現(xiàn)數(shù)據(jù)請求”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!