wx.request(OBJECT)
wx.request发起的是 HTTPS 请求。一个微信小程序,同时只能有5个网络请求连接。
具体参数说明参看微信小程序官方文档-发起请求。
例:
//当页面加载时,请求后台数据,并赋值给前台显示
Page({
data:{
new_list:[]
},
onLoad:function(){
var that = this;
wx.request({
url:'http://wxcms.com/getList',
header:{
'content-type':'application/json',
},
success:function(res)
{
//将请求的后台数据赋值new_list
that.setData({
new_list:res.data,
})
}
})
}
})
wx.navigateTo(OBJECT)
保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。
具体参数说明参看微信小程序官方文档-跳转
例:
wxml代码:
<view class="lists">
<view class="img">
<!---这里绑定了一个手指触摸后马上离开的时间,跳转时并带上了id参数-->
<image src="{{img}}" bindtap="detial" data-id="{{id}}"></image>
</view>
<view class="info">
<view class="title">{{title}}</view>
<view class="time">{{time}}</view>
</view>
</view>
js代码:
Page({
data:{
new_list:[]
},
detial:function(event){
//带id跳转到指定的页面,这里的event.currentTarget.dataset.id是获取wxml页面上的data-id参数,详见事件说明
wx.navigateTo({
url:"../../pages/detail/detail?id="+event.currentTarget.dataset.id
})
}
})
带参数的wx.request(OBJECT)
上述代码跳转到指定页面后:
Page({
data:{
info:{}
},
//res对象包含了跳转页面中的id参数,再页面加载时,获取id参数然后向后台请求参数,并赋值
onLoad:function(res)
{
var that = this;
wx.request({
url:"http://wxcms.com/getOne",
//这里是传参res.id就是跳转url(?id=xxxx)的参数值 xxxx
data:{
id:res.id,
},
header:{
'content-type':'application/json'
},
success:function(msg)
{
that.setData({
info:msg.data,
})
}
})
}
})
Lyn小娜签名:聪明出于勤奋,天才在于积累。