微信小程序开发之网络请求封装（支持form表单）

爱被打了一巴掌 2021-11-05 18:52 358阅读 0赞

###  使用介绍 ###

在布局js中引用 这个根据自己放的位置引用

import api from '../../utils/api.js'

**form提交**

api.postF(app.globalData.addProcess + id, {
            formId: formId,
            remindTime: time[selectPositon]
          }).then(res => {
            if (!res) {
              return;
            }
            
          })

## ##

**get请求**

api.get(app.globalData.getTimeSheetSubList + queryStartDate).then(res => {});

**post请求json提交**

api.post(app.globalData.addAttention, selectThemes).then(res => {
          if (res) {
            
          }
        })

### 工具类Api ###

var isLogin = false;
    const request = (url, options) => {
      wx.showNavigationBarLoading()
      return new Promise((resolve, reject) => {
        wx.request({
          url: `${url}`,
          method: options.method,
          data: options.method === 'GET' || options.header === 'application/x-www-form-urlencoded' ? options.data : JSON.stringify(options.data),
          header: {
            'Content-Type': options.header,
            'Authorization': wx.getStorageSync('token') // 看自己是否需要
          },
          success(request) {
            wx.stopPullDownRefresh()
            let token = wx.getStorageSync('token')
            if (!token && !isLogin) {
              login();
            }
            if (request.statusCode === 200) {
              // console.error(request.data)
              resolve(request.data)
            } else {
              reject(request.data)
            }
            wx.hideNavigationBarLoading()
          },
          fail(error) {
            console.error("error---" + error)
            wx.hideNavigationBarLoading()
            reject(error.data)
          },
        })
      }).catch(function(reason) {
        console.log('catch:', reason);
        let token = wx.getStorageSync('token')
        if (reason && reason.code === 403 || !token && !isLogin) {
          login();
        }
      });
    }
    const login = () => {
      isLogin = true;
      wx.reLaunch({
        url: '/pages/white/white',
      })
    }
    
    const get = (url, options = {}) => {
      return request(url, {
        method: 'GET',
        data: options,
        header: 'application/json; charset=UTF-8'
      })
    }
    
    const post = (url, options) => {
      return request(url, {
        method: 'POST',
        data: options,
        header: 'application/json; charset=UTF-8'
      })
    }
    /**
     * post表单提交
     */
    const postF = (url, options) => {
      return request(url, {
        method: 'POST',
        data: options,
        header: 'application/x-www-form-urlencoded'
      })
    }
    const putF = (url, options) => {
      return request(url, {
        method: 'PUT',
        data: options,
        header: 'application/x-www-form-urlencoded'
      })
    }
    const put = (url, options) => {
      return request(url, {
        method: 'PUT',
        data: options,
        header: 'application/json; charset=UTF-8'
      })
    }
    
    // 不能声明DELETE（关键字）
    const remove = (url, options) => {
      return request(url, {
        method: 'DELETE',
        data: options,
        header: 'application/json; charset=UTF-8'
      })
    }
    
    module.exports = {
      get,
      post,
      put,
      remove,
      postF,
      putF
    }

### 有问题留言吧 ###

发表评论取消回复

表情：

评论列表（有 0 条评论，358人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序request请求封装

/ 请求头 / const header = { 'content-type': 'application/x-www-form-urlenco

心已赠人/ 2022年10月18日 12:55/ 0 赞/ 209 阅读

相关微信小程序提交form表单内容

wxml <form catchsubmit="confirmPublish"> <view class="cu-form-group margin-to

矫情吗；*/ 2022年10月10日 04:44/ 0 赞/ 140 阅读

相关微信小程序封装request请求

我的个人刷Java面试题网站:[http://www.study-java.cn/][http_www.study-java.cn] 在小程序开发中，通过接口获取后台数据，这

浅浅的花香味﹌/ 2022年05月31日 04:15/ 0 赞/ 296 阅读

相关微信开发之小程序开发网络请求(表单提交等)

官网地址：[https://developers.weixin.qq.com/miniprogram/dev/api/wx.request.html][https_develo

淡淡的烟草味﹌/ 2022年01月31日 02:21/ 0 赞/ 287 阅读

相关微信小程序开发之网络请求封装（支持form表单）

使用介绍在布局js中引用这个根据自己放的位置引用 import api from '../../utils/api.js' form提交 ap

爱被打了一巴掌/ 2021年11月05日 18:52/ 0 赞/ 359 阅读

相关微信小程序表单 form 组件

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 表单。将组件内的用户输入的[switch][] [input][] [checkbox][]

爱被打了一巴掌/ 2021年09月08日 01:08/ 0 赞/ 475 阅读

相关微信小程序HTTP封装请求

http.js import utils from "../../utils/utils" var http = utils.http; const

柔光的暖阳◎/ 2021年07月25日 02:59/ 0 赞/ 460 阅读

相关微信小程序 promise封装网络请求

//es6的默认值写法 export default function(url,data={ },method='GET') { retu

ゝ一世哀愁。/ 2021年07月25日 01:20/ 0 赞/ 452 阅读

相关微信小程序request请求封装

![20191114194037724.png][] util.js // let baseUrl = 'http:///'; //测试 // let ba

爱被打了一巴掌/ 2021年07月24日 23:16/ 0 赞/ 515 阅读

相关微信小程序网络请求

网络请求 api->网络->发起请求具体查看官网 wx.request({ url: '路径', head

迷南。/ 2021年07月24日 21:24/ 0 赞/ 418 阅读