微信小程序--后台交互/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>

  

页面结果:

 

猜你喜欢

转载自blog.csdn.net/sd19871122/article/details/80202324
今日推荐