微信小程序API之request
wxml：
<button bindtap="zfc">获取远程字符串数据</button>
返回数据： {{jieguo}} <!-- 将js中的数据传输到前端中 -->
<button bindtap="cs">传送参数</button>
<button bindtap="myjson">获取远程json对象数据</button>
返回数据：{{jieguo2}}
<!-- 返回特定的数据|{{jieguo2.title}} -->
<button bindtap="myshuzu">获取远程对象数组数据</button>
<block wx:for="{{shuzu}}">
{{index}}:{{item.id}}---{{item.title}}
</block>
js:
Page({
/**
* 页面的初始数据
*/
data: {
jieguo:" ",
jieguo2:"",
shuzu:[]
},
zfc:function(){
var that = this;
wx.request({
url: 'https://www.baidu.com/',
success:function(res){
console.log(res.data);
that.setData({
jieguo:res.data
}) //将js中的数据传输到前端中显示
}
})
},
cs:function(){
wx.request({
url: 'https://www.baidu.com/',
data:{
uname:"mu121111111111111111",
pwd:"4546545454541524545"
},success:function(res){
console.log(res.data);
},
})
},
myjson:function(){
var that =this
wx.request({
url: 'https://www.baidu.com/',
success:function(res){
console.log(res.data);
console.log(res.data.title);
that.setData({
jieguo2:res.data
})
}
})
},
mashuzu:function(){
var that=this;
wx.request({
url: 'https://www.baidu.com/',
success:function(res){
console.log(res.data);
that.setData({
shuzu:res.data
})
}
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
