微信小程序--后台交互/wx.request({})方法/渲染页面方法 解析
生活随笔
收集整理的這篇文章主要介紹了
微信小程序--后台交互/wx.request({})方法/渲染页面方法 解析
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
小程序的后臺獲取數據方式get/post具體函數格式如下:wx.request({})
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | data: { ????logs:[] ??}, onLoad:function(){ this.getdata(); } getdata:function(){//定義函數名稱 var?that=this;???// 這個地方非常重要,重置data{}里數據時候setData方法的this應為以及函數的this, 如果在下方的sucess直接寫this就變成了wx.request()的this了 ????wx.request({ ??????url:'http://www.phonegap100.com/appapi.php?a=getPortalCate',//請求地址 ??????data:{//發送給后臺的數據 ????????name:"bella", ????????age:20 ??????}, ??????header:{//請求頭 ????????"Content-Type":"applciation/json" ??????}, ??????method:"GET",//get為默認方法/POST ??????success:function(res){ ????????console.log(res.data);//res.data相當于ajax里面的data,為后臺返回的數據 that.setData({//如果在sucess直接寫this就變成了wx.request()的this了.必須為getdata函數的this,不然無法重置調用函數 logs:res.data.result }) ??????}, ??????fail:function(err){},//請求失敗 ??????complete:function(){}//請求完成后執行的函數 ????}) ??}, wxml頁面: <view? wx:for="{{logs}}"?wx:for-item="value"> ??{{value.catname}} </view> |
頁面結果:
轉載于:https://www.cnblogs.com/frx666/p/6591256.html
總結
以上是生活随笔為你收集整理的微信小程序--后台交互/wx.request({})方法/渲染页面方法 解析的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Markdown语法记录
- 下一篇: 设置cookie和查找cookie的方法