微信小程序ajax數(shù)據(jù)請求的示例

小編給大家分享一下微信小程序ajax數(shù)據(jù)請求的示例,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

網(wǎng)站建設哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了桐廬免費建站歡迎大家使用!

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

使用小程序官方提供的數(shù)據(jù)請求api發(fā)起數(shù)據(jù)請求

wx.request(OBJECT)

wx.request發(fā)起的是https請求。一個微信小程序,同時只能有5個網(wǎng)絡請求連接。

OBJECT參數(shù)說明:

              參數(shù)名              類型              必填              說明
              url              String              是              開發(fā)者服務器接口地址
              data              Object、String              否              請求的參數(shù)
              header              Object              否              設置請求的 header , header 中不能設置 Referer
              method              String              否              默認為 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
              success              Function              否              收到開發(fā)者服務成功返回的回調(diào)函數(shù),res = {data: '開發(fā)者服務器返回的內(nèi)容'}
              fail              Function              否              接口調(diào)用失敗的回調(diào)函數(shù)
              complete              Function              否              接口調(diào)用結束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)

示例代碼:

wx.request({
  url: 'test.php',
  data: {
     x: '' ,
     y: ''
  },
  header: {
      'Content-Type': 'application/json'
  },
  success: function(res) {
    console.log(res.data)
  }
})

微信小程序中使用fetch做ajax請求

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

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ù)請求的示例”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

新聞標題:微信小程序ajax數(shù)據(jù)請求的示例
分享URL:http://bm7419.com/article44/jcisee.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、外貿(mào)建站Google、全網(wǎng)營銷推廣、標簽優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)