微信小程序 http请求封装

示例代码
wx.request({
url: 'test.php', //仅为示例,并非真实的接口地址
data: {
x: '' ,
y: ''
},
method:'POST',
header: {
'content-type': 'application/json'
},
success: function(res) {
console.log(res.data)
},
fail: function( res ) {
fail( res );
}
})
以上为小程序的基本http请求代码,实际代码中如果每次这样来写是比较繁琐的,那我们就来做一下封装。
那代码中我们比较关注什么?
1.请求的参数,访问的接口
2.GET/POST...请求方式
3.请求参数统一处理(比如:加密、设置公共参数...)
4.请求成功返回的数据(比如:解密、抽离逻辑层数据)
5.请求失败反馈
我们不关注什么?
1.请求url(一般固定的配置在某个地方)
2.根据不同的接口规则做不同的请求参数(比如:参数加密等)
...
让我们代码实操
network.js
var API_URL = 'http://localhost/loverule/api/api.php'
var requestHandler = {
params:{},
success: function(res){
// success
},
fail: function() {
// fail
},
}
//GET请求
function GET(requestHandler) {
request('GET',requestHandler)
}
//POST请求
function POST(requestHandler) {
request('POST',requestHandler)
}
function request(method,requestHandler) {
//注意:可以对params加密等处理
var params = requestHandler.params;
wx.request({
url: API_URL,
data: params,
method: method, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
// header: {}, // 设置请求的 header
success: function(res){
//注意:可以对参数解密等处理
requestHandler.success(res)
},
fail: function() {
requestHandler.fail()
},
complete: function() {
// complete
}
})
}
module.exports = {
GET: GET,
POST: POST
}
1.页面中调用(以GET请求为例)
//导入js
var network = require("../../utils/network.js")
//写入参数
var params = new Object()
params.api_name = "api_user_login"
params.account = "hanqing"
params.password = "123456"
//发起请求
network.GET(
{
params: params,
success: function (res) {
console.log(res)
//拿到解密后的数据,进行代码逻辑
},
fail: function () {
//失败后的逻辑
},
})
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
# 微信小程序
# http请求封装
# 小程序
# http请求
# http
# 微信小程序设置http请求的步骤详解
# 微信小程序之GET请求的实例详解
# 微信小程序 同步请求授权的详解
# 微信小程序 网络请求(GET请求)详解
# 微信小程序 POST请求的实例详解
# 微信小程序 网络请求(post请求
# get请求)
# 微信小程序HTTP接口请求封装代码实例
# 微信小程序网络请求封装示例
# 微信小程序请求前置的方法详解
# 以对
# 让我们
# 希望能
# 仅为
# 为例
# 来做
# 谢谢大家
# 来写
# 上为
# 不关注
# 在某个
# success
# function
# type
# content
# json
# application
# log
# fail
# method
相关文章:
贸易公司网站制作流程,出口贸易网站设计怎么做?
如何在IIS中配置站点IP、端口及主机头?
如何选择高性价比服务器搭建个人网站?
广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的?
建站之星如何通过成品分离优化网站效率?
网站制作话术技巧,网站推广做的好怎么话术?
如何做静态网页,sublimetext3.0制作静态网页?
seo网站制作优化,网站SEO优化步骤有哪些?
北京网站制作的公司有哪些,北京白云观官方网站?
建站主机系统SEO优化与智能配置核心关键词操作指南
c# Task.ConfigureAwait(true) 在什么场景下是必须的
深圳网站制作案例,网页的相关名词有哪些?
如何选择高效响应式自助建站源码系统?
用v-html解决Vue.js渲染中html标签不被解析的问题
如何快速搭建自助建站会员专属系统?
小视频制作网站有哪些,有什么看国内小视频的网站,求推荐?
在线制作视频的网站有哪些,电脑如何制作视频短片?
如何用PHP工具快速搭建高效网站?
如何在万网主机上快速搭建网站?
学校免费自助建站系统:智能生成+拖拽设计+多端适配
已有域名如何免费搭建网站?
宝塔新建站点报错如何解决?
正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱?口碑好?
桂林网站制作公司有哪些,桂林马拉松怎么报名?
如何通过二级域名建站提升品牌影响力?
,网页ppt怎么弄成自己的ppt?
网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?
南京做网站制作公司,南京哈发网络有限公司,公司怎么样,做网页美工DIV+CSS待遇怎么样?
建站之星后台密码如何安全设置与找回?
如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?
建站主机选哪种环境更利于SEO优化?
定制建站哪家更专业可靠?推荐榜单揭晓
专业商城网站制作公司有哪些,pi商城官网是哪个?
如何通过FTP服务器快速搭建网站?
Python lxml的etree和ElementTree有什么区别
建站之星如何助力企业快速打造五合一网站?
如何在阿里云完成域名注册与建站?
焦点电影公司作品,电影焦点结局是什么?
建站之星微信建站一键生成小程序+多端营销系统
,在苏州找工作,上哪个网站比较好?
建设网站制作价格,怎样建立自己的公司网站?
python的本地网站制作,如何创建本地站点?
沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息?
php条件判断怎么写_ifelse和switchcase的使用区别【对比】
济南网站制作的价格,历城一职专官方网站?
建站之星如何一键生成手机站?
微信小程序 五星评分(包括半颗星评分)实例代码
阿里云网站搭建费用解析:服务器价格与建站成本优化指南
如何有效防御Web建站篡改攻击?
建站之星伪静态规则如何设置?
*请认真填写需求信息,我们会在24小时内与您取得联系。