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);
          });
            
vue中axios的post请求使用form表单格式发送数据的更多相关文章
- springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据
		springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据 表单html: <form class="form-horizontal ... 
- form表单在发送到服务器时候编码方式
		enctype(编码方式):规定了form表单在发送到服务器时候编码方式.有如下的三个值可选: 1.application/x-www-form-urlencoded.默认的编码方式.但是在用文本的传 ... 
- 非form表单提交的数据就要用@requestbody注解获取http传过来的值,尤其json
		非form表单提交的数据就要用@requestbody注解获取http传过来的值,尤其json 
- input file 在开发中遇到的问题   类似ajax form表单提交  input file中的文件
		最近在做项目的过程中遇到个问题,在这里做个记录防止日后忘记 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为 ... 
- Java后台使用httpclient入门HttpPost请求(form表单提交,File文件上传和传输Json数据)
		一.HttpClient 简介 HttpClient 是 Apache Jakarta Common 下的子项目,用来提供高效的.最新的.功能丰富的支持 HTTP 协议的客户端编程工具包,并且它支持 ... 
- antd中的form表单 initialValue导致数据不更新问题
		初步理解 : initialValue就是所谓的defaultValue,只会在第一次赋值的时候改变,却又有一些不同,因为 initialValue又会因其他改动而改变. 然而当获取的数据重新上来要渲 ... 
- Java如何实现form表单提交的数据自动对应实体类(源码)
		原文出自:https://blog.csdn.net/seesun2012 原生Java+JQuery form表单serializeArray提交自动对应java实体,这是一个实际的例子: html ... 
- 从页面获取form表单提交的数据
		1 使用HttpServletRequest,方便灵活 页面代码,使用action提交一个表单,里边有球的id,球的主人,球的颜色,所在省份,区域 <form action="ball ... 
- 第一种方式:使用form表单将前端数据提交到servelt(将前端数据提交到servlet)
		第二种使用Ajax的形式将前台的数据传输到后台:https://blog.csdn.net/weixin_43304253/article/details/120335657 1.form表单 引入了 ... 
随机推荐
- web.xml中filter加载顺序出现的问题
			刚刚遇到了一个问题,项目中需要用到characterEncodingFilter和HiddenHttpMethodFilter,但是post请求还是会中文乱码,找了半天原因,后来发现,filter加载 ... 
- 2、用优化器使loss最小
			2.tf.train.AdamOptimizer()函数是Adam优化算法:是一个寻找全局最优点的优化算法,引入了二次方梯度校正. tf.train.AdamOptimizer.__init__( l ... 
- jquery散记
			感觉jquery的用法都要忘没了,简单捡一下 1.window.onload与$(document).ready的区别 ()编写个数 window.onload = function(){} //不能 ... 
- (简单模拟)P1003 铺地毯
			题解: 从最后一个输入的数据开始排查,如果说你找到了这个点上面有地毯,那么就直接输出这个值,如果没找到就按照题干的意思输出-1. #include<iostream>#include< ... 
- [安洵杯 2019]easy_serialize_php
			0x00 知识点 PHP反序列化的对象逃逸 任何具有一定结构的数据,只要经过了某些处理而把自身结构改变,则可能会产生漏洞. 参考链接: https://blog.csdn.net/a3320315/a ... 
- part11  Vue项目接口联调//真机测试
			何为项目接口联调? 前端代码编译好了 后端接口写好了 我们就需要去掉前端模拟数据干掉 用后端提供的数据.进行前后端的一个调试 如何联调? config目录下面 index.js 文件 dev 中pr ... 
- ES6的一些语法
			let, const, class, extends, super, arrow functions, template string, destructuring, default, rest ar ... 
- c++ 排序 冒泡 插入 选择 快速
			//冒泡 #include <iostream> using namespace std; void bubbleSort(int* list,int index) { ;i--) //i ... 
- 小白需要了解的Ajax和websocket的区别以及使用场景!
			在我们日常使用的互联网产品中,很多都是前后端数据的交互来完成的,说到数据交互就不得不提Ajax和websocket,它们可是数据交互的利器,那么它们分别是什么?websocket与Ajax轮询的区别又 ... 
- Windows 远程桌面连接 CentOS7 (xrdp)
			Windows 远程桌面连接 CentOS7 (xrdp) 前提: CentOS安装桌面,如果无桌面,请执行: yum -y groups install "GNOME Desktop&qu ... 
