小程序模板網(wǎng)

微信小程序的ajax數(shù)據(jù)請(qǐng)求wx.request

發(fā)布時(shí)間:2018-04-25 10:59 所屬欄目:小程序開發(fā)教程


微信小程序的ajax數(shù)據(jù)請(qǐng)求,很多同學(xué)找不到api在哪個(gè)位置,這里單獨(dú)把小程序的ajax請(qǐng)求給列出來(lái),微信小程序的請(qǐng)求就是wx.request這個(gè)api,wx.request(一些對(duì)象參數(shù)),微信小程序不同于瀏覽器的ajax請(qǐng)求,可以直接跨域請(qǐng)求不用考慮跨域問(wèn)題。

使用小程序官方提供的數(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)求連接。

示例代碼:

 

				
  1. wx.request({
  2. url: 'test.php',
  3. data: {
  4. x: '' ,
  5. y: ''
  6. },
  7. header: {
  8. 'Content-Type': 'application/json'
  9. },
  10. success: function(res) {
  11. console.log(res.data)
  12. }
  13. })

微信小程序中使用fetch做ajax請(qǐng)求

fetch是一種新的ajax請(qǐng)求規(guī)范,經(jīng)懶人建站測(cè)試,fetch在小程序中也是支持的,測(cè)試ajax請(qǐng)求代碼如下:  then中帶代碼是測(cè)試,這里是節(jié)選了小部分代碼,實(shí)際使用需要自行修改。

 

				
  1. fetch('http://www.51xuediannao.com/json.php?typeid=34&page=1&pagesize=10')
  2. .then(function(response){
  3. if(response.status==200){
  4. that.data.page++;
  5. return response.json();
  6. }
  7. }).then(function(data){
  8. console.log(data);
  9. //更新數(shù)據(jù)
  10. that.setData({
  11. listArr:that.data.page==1 ? data : that.data.listArr.concat(data)
  12. })
  13. console.log(that.data.listArr);
  14. })


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/24060.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢