全网整合营销服务商

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

免费咨询热线:15959292472

[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表格功能

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

您的项目需求

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