今天酷牛教程小编给大家分享的是怎么使用微信小程序实现网络请求?对这个感兴趣的小伙伴们就和酷牛教程小编一起学习下吧,以下就是具体的内容。
当用ajax进行请求的时候,最讨厌的就是跨域问题,而在小程序上是没有这个问题的。
接口内容:
{\"data\":[{\"id\":201701,\"name\":\"Jackson\",\"score\":100},{\"id\":201702,\"name\":\"Mike\",\"score\":78},{\"id\":201703,\"name\":\"Joe\",\"score\":62}]}
修改index.js
加入变量,添加请求的方法。
//index.js
//获取应用实例
var app = getApp()
Page({
data: {
motto: \\\'Hello World\\\',
userInfo: {},
myText: \\\'你好,世界!\\\',
arr1: [{name:\\\'张三\\\', age:18},{name:\\\'李四\\\', age:19},{name:\\\'王五\\\', age:20}],
removeData:\\\'\\\',
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: \\\'../logs/logs\\\'
})
},
//自定义事件
myEventHandle : function(){
this.setData({myText:\"世界你好\"});
},
onLoad: function () {
console.log(\\\'onLoad\\\')
var that = this
//获取远程数据
wx.request({
url: \\\'https://raw.githubusercontent.com/jiangzy27/how_to_react/master/score.json\\\',
header:{
\"Content-Type\":\"application/json\"
},
data: {},
success: function(res){
that.setData({removeData:res.data.data});
},
})
//调用应用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
})
}
})
修改index.wxml,进行数据读取。
效果:
wx.request说明:
参数说明:
以上就是怎么使用微信小程序实现网络请求的全部内容了,大家都学会了吗?
本文来自投稿,不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/97534.html