微信小程序request网络请求操作实例详解

小程序提供了很多api，极大的方便了开发者，其中网络请求api是wx.request(object)，这是小程序与开发者的服务器实现数据交互的一个很重要的api。本文主要介绍了微信小程序使用request网络请求操作,结合实例形式分析了wx.request(object)网络请求操作的具体使用技巧,需要的朋友可以参考下，希望能帮助到大家。

官方参数说明如下

OBJECT参数说明：

}

下面我们把请求写在service文件下的http.js文件中，代码如下

var rootDocment = #39;hxxxxx #39;;//你的域名
function req(url,data,cb){
 wx.request({
 url: rootDocment + url,
 data: data,
 method: #39;post #39;,
 header: { #39;Content-Type #39;: #39;application/json #39;},
 success: function(res){
 return typeof cb == function cb(res.data)
 fail: function(){
 return typeof cb == function cb(false)
module.exports = {
 req: req
}

其中module.exports是将req方法暴露出去使得别的文件中可以使用该方法，由于js函数是异步执行的，所以return 的是回调函数，而不是具体的数据

为了其他文件方便调用此方法，我们在根目录的app.js文件中将其注册成为全局函数，如下

//app.js
var http = require( #39;service/http.js #39;)
App({
 onLaunch: function () {
 //调用API从本地缓存中获取数据
 var logs = wx.getStorageSync( #39;logs #39;) || []
 logs.unshift(Date.now())
 wx.setStorageSync( #39;logs #39;, logs)
 getUserInfo:function(cb){
 var that = this
 if(this.globalData.userInfo){
 typeof cb == function cb(this.globalData.userInfo)
 }else{
 //调用登录接口
 wx.login({
 success: function () {
 wx.getUserInfo({
 success: function (res) {
 that.globalData.userInfo = res.userInfo
 typeof cb == function cb(that.globalData.userInfo)
 globalData:{
 userInfo:null
 func:{
 req:http.req
})

这时这个req就是全局的了，在调用时我们可以使用getApp.func.req()来调用，具体如下

var app = getApp()
Page({
 data: {
 onLoad: function (opt) {
 //console.log(opt.name)
 app.func.req( #39;/api/get_data #39;,{},function(res){
 console.log(res)
})

微信小程序提供了很多api，包括网络，媒体，数据等，也提供了很多组件，使开发小程序变得很方便。

相关推荐：

微信小程序功能函数小结

实现微信小程序添加手机联系人功能教程

微信小程序显示下拉列表功能的实现方法

以上就是微信小程序request网络请求操作实例详解的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！