全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[盘锦seo公司就选久澳]微信小程序request网络请求操作实例详解

  小程序提供了很多api,极大的方便了开发者,22 2020.10 [萍乡seo公司参考久澳]简单易懂--适合零基础的微信体验小程序开发教程 工作需要☆○,最近要做个微信小程序的开发, 包头市小程序制作公司 这对我是一个挑战,因为第一次接触●◆▲,挺激动也很想尝试一下目前很火的小程序开发的◇◆。为了不辜负湖北省小程序开发哪家好其中网络请求api是wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api。本文主要介绍了微信小程序使用request网络请求操作,结合实例形式分析了wx.request(object)网络请求操作的具体使用技巧○▪…,需要的朋友可以参考下,希望能帮助到大家。

  官方参数说明如下

  OBJECT参数说明:

  

参数名 类型 必填 说明
url String 开发者服务器接口地址
data Object、String 请求的参数
header Object 设置请求的 header ●▪…□, header 中不能设置 Referer
method String 默认为 GET,洪湖市小程序制作公司有效值:OPTIONS◇△-, GET, HEAD△--, POST, PUT=☆, DELETE■…, TRACE, CONNECT
success Function 收到开发者服务成功返回的回调函数,res = {data: '开发者服务器返回的内容'}
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、株洲市小程序开发哪家好失败都会执行)

  最简单的用法如下(以POST请求为例)

  


 

  

bindSearchChange:function(e){
 var keyword = e.detail.value;
 wx.request({
 url○△□:'◇●…;xxxxxxxxx'▲◆•▲,
 data▲•◁:{},
 header: {'•…▽;Content-Type'★◁◆: '…■•;application/json'},
 success: function(res) {
 console.log(res)
 }
 })
}

 

  下面我们把请求写在service文件下的http▪◆•-.js文件中,代码如下

  


 

  

var rootDocment = 'hxxxxx'=★;○☆▪;//你的域名
function req(url,data□△□,cb){
 wx.request({
 url: rootDocment + url○=-,
 data▷▷◁: data••,
 method-▲△: '●=◆;post',
 header: {'◁•◇●;Content-Type'◆▪;■□▪: 'application/json'},
 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文件中将其注册成为全局函数▽▲,[盘锦seo公司就选久澳]如下

  


 

  

//app.js
var http = require('service/http△▷••.js')
App({
 onLaunch: function () {
 //调用API从本地缓存中获取数据
 var logs = wx.getStorageSync('logs') 

 

   [] logs.unshift(Date□■.now()) wx.setStorageSync('logs', 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('/api/get_data'★■;,{},function(res){
 console.log(res)
 })▷•-…;
 }
})

 

  微信小程序提供了很多api,包括网络◇◇…,媒体,数据等■•△•,也提供了很多组件,使开发小程序变得很方便△▷。

  相关推荐:

  微信小程序功能函数小结

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

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

  以上就是微信小程序request网络请求操作实例详解的详细内容,更多请关注久澳传媒编程栏目其它相关文章☆▼▲▼!

[盘锦seo公司就选久澳]微信小程序request网络请求操作实例详解

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。