小編給大家分享一下微信小程序ajax數(shù)據(jù)請(qǐng)求的示例,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了桐廬免費(fèi)建站歡迎大家使用!
微信小程序的ajax數(shù)據(jù)請(qǐng)求,很多同學(xué)找不到api在哪個(gè)位置,這里單獨(dú)把小程序的ajax請(qǐng)求給列出來,微信小程序的請(qǐng)求就是wx.request這個(gè)api,wx.request(一些對(duì)象參數(shù)),微信小程序不同于瀏覽器的ajax請(qǐng)求,可以直接跨域請(qǐng)求不用考慮跨域問題。
使用小程序官方提供的數(shù)據(jù)請(qǐng)求api發(fā)起數(shù)據(jù)請(qǐng)求
wx.request(OBJECT)
wx.request發(fā)起的是https請(qǐng)求。一個(gè)微信小程序,同時(shí)只能有5個(gè)網(wǎng)絡(luò)請(qǐng)求連接。
OBJECT參數(shù)說明:
參數(shù)名 | 類型 | 必填 | 說明 |
---|---|---|---|
url | String | 是 | 開發(fā)者服務(wù)器接口地址 |
data | Object、String | 否 | 請(qǐng)求的參數(shù) |
header | Object | 否 | 設(shè)置請(qǐng)求的 header , header 中不能設(shè)置 Referer |
method | String | 否 | 默認(rèn)為 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT |
success | Function | 否 | 收到開發(fā)者服務(wù)成功返回的回調(diào)函數(shù),res = {data: '開發(fā)者服務(wù)器返回的內(nèi)容'} |
fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) |
complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行) |
示例代碼:
wx.request({ url: 'test.php', data: { x: '' , y: '' }, header: { 'Content-Type': 'application/json' }, success: function(res) { console.log(res.data) } })
微信小程序中使用fetch做ajax請(qǐng)求
fetch是一種新的ajax請(qǐng)求規(guī)范,fetch在小程序中也是支持的,測(cè)試ajax請(qǐng)求代碼如下:
then中帶代碼是測(cè)試,這里是節(jié)選了小部分代碼,實(shí)際使用需要自行修改。
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ù)請(qǐng)求的示例”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!