小程序从服务器获取数据以及带参传数据 php
此前没有摸索过小程序,原本打算看视频教学慢慢走的,发现老师讲的基本都是文档,于是干脆直接实践。
要实现这样一个排行
官方文档上的东西我就不照搬了
var that = this;
wx.request({
//请求接口的地址
url: '********/api.php',//这里的*号就是你的服务器 和ajax十分相似
data: {
},//data不能掉,即便为空,不然获取不了,我目前还不知道什么原因
header: {
"Content-Type": "applciation/json" //默认值
},
success: function (res) {
//res相当于ajax里面的返回的数据
console.log(res.data);
//如果在sucess直接写this就变成了wx.request()的this了
//必须为getTableData函数的this,不然无法重置调用函数
that.setData({
datas: res.data //datas传值给页面的,可以自定义命名
})
},
fail: function (err) { },//请求失败
complete: function () { }//请求完成后执行的函数
})
再说一下如何传参,这个问题整的我头都大了,原本可能是个很简单的事情,问老师也不清楚。
我是要做上传数据到后台,获取当前用户的头像保存到数据库中,并根据用户的昵称获取积分(我知道用昵称做条件不太好)
首先,微信官方给了全局函数 app.globalData (app.js里有 ,这里首先在当前js记得先new一下)
wx.request({
//这里加的两个参数都是全局变量 分别获取昵称和头像url
url: 'http://riyw7t.natappfree.cc/upload.php?name=' + app.globalData.userInfo.nickName + "&img=" + app.globalData.userInfo.avatarUrl,
data: {
},
header: {
"Content-Type": "applciation/json" //默认值
},
dataType: JSON,
success: function (res) {
console.log(res.data);
},
fail: function (err) { app.globalData.userInfo.nickName },//请求失败
complete: function () { }//请求完成后执行的函数
})
wx.request必须加在函数里,不能单独作为函数使用