zoukankan      html  css  js  c++  java
  • vue中axios的post请求使用form表单格式发送数据

    vue使用插件qs实现 (qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。

    在jquery中的ajax的方法已将此封装,所以不需要再次序列化

    1. 安装   在项目中使用命令行工具输入:npm install qs

    2.引入    安装完成后在需要用到的组件中:import qs from 'qs’

    3.使用    qs.parse(data)和qs.stringify(data)

    qs.parse()是将URL解析成对象的形式
    qs.stringify()是将对象 序列化成URL的形式,以&进行拼接

              this.$axios({
                method: 'post',
                url: '/api/updateOrderStatus', // 路径
                data: {
                   name: sloanLv,
             pwd: 123456
                }, 
                transformRequest: [function (data) {
                  let ret = '';
                  ret = Qs.stringify(data);
            // 注释方法是不使用插件
                  // for (let it in data) {
                  //   // ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&';
                  //   ret += it + '=' + data[it] + '&';
                  // }
                  return ret;
                }],
                headers: {
                  'Content-Type': 'application/x-www-form-urlencoded'
                }
              }).then((res) => {
                console.log(res);
              }).catch((err) => {
                console.log(err);
              });
                
  • 相关阅读:
    理解MapReduce计算构架
    熟悉HBase基本操作
    爬虫大作业
    第三章 熟悉常用的HDFS操作
    数据结构化与保存
    使用正则表达式,取得点击次数,函数抽离
    爬取校园新闻首页的新闻
    网络爬虫基础练习
    Hadoop综合大作业
    hive基本操作与应用
  • 原文地址:https://www.cnblogs.com/sloanlv/p/11158976.html
Copyright © 2011-2022 走看看