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

示例代码

wx.request({
 url: #39;test.php #39;, //仅为示例，并非真实的接口地址
 data: {
 x: #39; #39; ,
 y: #39; #39;
 method: #39;POST #39;,
 header: {
 #39;content-type #39;: #39;application/json #39;
 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 = #39;http://localhost/loverule/api/api.php #39;
var requestHandler = {
 params:{},
 success: function(res){
 // success
 fail: function() {
 // fail
 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
}

1.页面中调用（以GET请求为例）

 //导入js
 var network = require( ../../utils/network.js )
 })

以上就是微信小程序之http请求封装详解及实例代码的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！