怎么使用微信小程序实现网络请求连接[怎么使用微信小程序实现网络请求功能]优质

网友宠物提问：怎么使用微信小程序实现网络请求权限

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

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

参数说明：

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

关于《怎么使用微信小程序实现网络请求？》相关问题的解答甜嗑小编就为大家介绍到这里了。如需了解其他软件使用问题，请持续关注国旅手游网软件教程栏目。