小程序的后台获取数据方式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>
|
页面结果: