今天小编给大家分享的是怎么使用 微信 小程序实现网络请求?对这个感兴趣的小伙伴们就和小编一起学习下吧,以下就是具体的内容。 当用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说明: 参数说明: 以上就是怎么使用微信小程序实现网络请求的全部内容了,大家都学会了吗? |
正在阅读:微信好不好用?怎么使用微信小程序实现网络请求?微信好不好用?怎么使用微信小程序实现网络请求?
2017-12-25 12:26
出处:其他
责任编辑:linshitang
- 软件版本:6.5.23
- 软件大小:53.74MB
- 软件授权:免费
- 适用平台:Android
- 下载地址://dl.pconline.com.cn/download/359554.html