全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

微信小程序  http请求封装详解及实例代码

微信小程序  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 


相关文章: 网站制作知乎推荐,想做自己的网站用什么工具比较好?  小视频制作网站有哪些,有什么看国内小视频的网站,求推荐?  如何在Golang中引入测试模块_Golang测试包导入与使用实践  广东企业建站网站优化与SEO营销核心策略指南  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计?  建站之星如何助力网站排名飙升?揭秘高效技巧  如何通过服务器快速搭建网站?完整步骤解析  家庭服务器如何搭建个人网站?  如何通过云梦建站系统实现SEO快速优化?  大连 网站制作,大连天途有线官网?  公司网站建设制作费用,想建设一个属于自己的企业网站,该如何去做?  ,怎么在广州志愿者网站注册?  外贸公司网站制作,外贸网站建设一般有哪些步骤?  如何在阿里云完成域名注册与建站?  javascript基本数据类型及类型检测常用方法小结  如何在IIS中新建站点并配置端口与物理路径?  建站之星后台管理如何实现高效配置?  北京网站制作公司哪家好一点,北京租房网站有哪些?  C++用Dijkstra(迪杰斯特拉)算法求最短路径  网页制作模板网站推荐,网页设计海报之类的素材哪里好?  建站之星在线版空间:自助建站+智能模板一键生成方案  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  简单实现Android验证码  香港网站服务器数量如何影响SEO优化效果?  如何用景安虚拟主机手机版绑定域名建站?  微信小程序 五星评分(包括半颗星评分)实例代码  如何有效防御Web建站篡改攻击?  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  网站制作多少钱一个,建一个论坛网站大约需要多少钱?  建站之星价格显示格式升级,你的预算足够吗?  MySQL查询结果复制到新表的方法(更新、插入)  如何在万网自助建站平台快速创建网站?  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐  如何在阿里云香港服务器快速搭建网站?  如何快速辨别茅台真假?关键步骤解析  如何通过VPS搭建网站快速盈利?  python的本地网站制作,如何创建本地站点?  济南网站制作的价格,历城一职专官方网站?  家庭建站与云服务器建站,如何选择更优?  浅谈Javascript中的Label语句  佛山网站制作系统,佛山企业变更地址网上办理步骤?  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些?  高端网站建设与定制开发一站式解决方案 中企动力  如何通过西部数码建站助手快速创建专业网站?  建站主机解析:虚拟主机配置与服务器选择指南  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  学校建站服务器如何选型才能满足性能需求?  如何用花生壳三步快速搭建专属网站?  定制建站是什么?如何实现个性化需求? 

您的项目需求

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