正在阅读:微信好不好用?怎么使用微信小程序实现网络请求?微信好不好用?怎么使用微信小程序实现网络请求?

2017-12-25 12:26 出处:其他 作者:佚名 责任编辑:linshitang

  今天小编给大家分享的是怎么使用 微信 小程序实现网络请求?对这个感兴趣的小伙伴们就和小编一起学习下吧,以下就是具体的内容。

  当用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说明:

  参数说明:

  以上就是怎么使用微信小程序实现网络请求的全部内容了,大家都学会了吗?

关注我们

最新资讯离线随时看 聊天吐槽赢奖品