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:逻辑库与表管理
    MySQL:初识数据库
    MySQL:安装与配置
    C语言之指针
    C语言之二维数组
    C语言之冒泡排序
    C语言之数组
    C语言之函数的声明
    C语言之带有返回值的函数
    C语言之全局变量和局部变量
  • 原文地址:https://www.cnblogs.com/xiaozhou223/p/12671343.html
Copyright © 2011-2022 走看看