zoukankan      html  css  js  c++  java
  • 小程序网络请求封装(一)

    //封装接口post  from表单类型
    function way1(url, data, cb) {
      wx.showLoading({})   //加载动画  
      wx.request({
        url: '网络地址' + url,
           //域名 (据情况而定)  url为地址
        data: data,
          //所需要传的参数
        header: {
          "Content-Type": "application/x-www-form-urlencoded",
             // 处理form表单的请求头
          "cache-control": "no-cache"    //处理在回调时反应慢的问题(可不写)
        },
        method: 'POST',
           //方式为post
        dataType: 'json',
        responseType: 'text',
        success: function(res) {  // 请求成功后
          wx.hideLoading();  //请求成功后加载动画结束
          return typeof cb == "function" && cb(res)   // 用来判断返回的是否是函数
        },
    
        fail: function(res) {   //请求失败
          wx.hideLoading();
          wx.showModal({
            title: '网络错误',
            content: '网络出错,请刷新重试',
            showCancel: false
          })
          return typeof cb == "function" && cb(false)
        },
      })
    }
    
    
    //封装接口post    json类型
    function way2(url, data, cb) {
      wx.showLoading({})
      wx.request({
        url: '网络地址' + url,
        data: data,
        header: {
          "Content-Type": "application/json;charset=UTF-8",
          "cache-control": "no-cache"
        },
        method: 'POST',
        dataType: 'json',
        responseType: 'text',
        success: function(res) {
          wx.hideLoading();
          return typeof cb == "function" && cb(res)
        },
        fail: function(res) {
          wx.hideLoading();
          wx.showModal({
            title: '网络错误',
            content: '网络出错,请刷新重试',
            showCancel: false
          })
          return typeof cb == "function" && cb(false)
        },
      })
    }
    
    //封装接口get 基本都是json类型的
    function way3(url, data, cb) {
      wx.showLoading({})
      wx.request({
        url: '网络地址' + url, 
        data: data,
        header: {
          "Content-Type": "application/json;charset=UTF-8",
          "cache-control": "no-cache"
        },
        method: 'GET',
    
        dataType: 'json',
        responseType: 'text',
        success: function(res) {
          wx.hideLoading();
          return typeof cb == "function" && cb(res)
        },
        fail: function(res) {
          wx.hideLoading();
          wx.showModal({
            title: '网络错误',
            content: '网络出错,请刷新重试',
            showCancel: false
          })
          return typeof cb == "function" && cb(false)
        },
      })
    }
    
    //将方法暴露
    module.exports = {
      method1: way1,
      method2: way2,
      method3: way3,
    }
  • 相关阅读:
    MySQL_02之增删改查、PHP数据库操作
    MySQL_01之MySQL数据库基础
    git SSH key生成步骤
    Angular路由的定义和使用
    angular ng-href小测试
    AngularJs 内置指令
    一些移动端浏览器的兼容性Bug
    angular之隐藏显示,CSS类和样式
    一个用于展示的网站
    git extensions stash和stash pop
  • 原文地址:https://www.cnblogs.com/xiaozhou223/p/12671343.html
Copyright © 2011-2022 走看看