[seo技术外包公司]微信小程序之http请求封装详解及实例代码

　　微信小程序 http请求封装

　　示例代码
 

wx.request({
 url: 'test.php'★▼▼;, //仅为示例，新泰市小程序开发哪家好[seo技术外包公司]并非真实的接口地址
 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请求封装详解及实例代码的详细内容，更多请关注久澳传媒编程栏目其它相关文章！[鄂州seo公司便捷久澳]怎么用Vue导出excel表格功能，