axiosPOST请求后台接收不到数据的问题

速度啊傻瓜

于 2020-04-07 16:25:32 发布

阅读量1.4k

点赞数 1

文章标签： vue java

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/u013659623/article/details/105367359

版权

本文介绍了一个网站页面加载缓慢的问题，通过分析发现是由于数据格式不匹配导致的。在从JSP转换到Vue的过程中，使用axios发送的数据格式与后端期望的格式不符。文章详细介绍了如何使用qs库的stringify方法来正确格式化数据，以便后端能够成功接收。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天网站有一个页面反馈打开特别慢,查看源码发现是网页数据的问题(大概1-200条)之前使用jsp渲染的页面,

考虑最实惠(便宜)的办法vue渲染数据.

发现axios请求的数据后台接收不到!!!

检查浏览器发送的数据发现多了一对{}

使用qs的stringify方法把数据转成后端能收得格式

https://unpkg.com/axios/dist/axios.min.js axios

https://cdn.bootcss.com/qs/6.5.2/qs.min.js qs

速度啊傻瓜

博客等级

码龄11年

12
原创

12
点赞

23
收藏

8
粉丝

关注

私信

上一篇：: ClassNotFoundException与NoClassDefDoundError

下一篇：: maven本地仓库加入本地包

最新评论

[新版教程] 阿里云盘通过Docker挂载本地WebDAV实现全自动上传/下载 Rclone挂载本地
速度啊傻瓜: token是通过https://messense-aliyundrive-webdav-backendrefresh-token-ucs0wn.streamlit.app/这个链接获取的么
[新版教程] 阿里云盘通过Docker挂载本地WebDAV实现全自动上传/下载 Rclone挂载本地
一梦惊秋: 您好提示get access_token failed
node aes加解密与Java不一致,以及遇到解密乱码处理方式
优快云-Ada助手: 推荐 Java 技能树：https://edu.youkuaiyun.com/skill/java?utm_source=AI_act_java
Web前端学习记录
速度啊傻瓜: 1.字符串-->Number 数值类型直接转换，只要出现了非数值类型的变为NaN，空格或者空串的返回02.parseInt() parseFloat() 字符串类型的会自动转换为数字类型再取整，非字符串类型的会先转换成字符串类型3.向对象中添加属性属性名：对象的属性名不强制要求遵守标识符的规范，什么乱七八糟的名字都可以使用。但是我们使用是还是尽量按照标识符的规范去做如果要使用特殊的属性名，不能采用.的方式来操作。需要使用另一种方式：语法：对象["属性名"] = 属性值读取时也需要采用这种方式4.属性值：JS对象的属性值，可以是任意的数据类型。!!!!!甚至也可以是一个对象5.in 运算符：通过该运算符可以检查一个对象中是否含有指定的属性。如果有则返回true，没有则返回false语法："属性名" in 对象6.当比较两个基本数据类型的值时，就是比较值。而比较两个引用数据类型时，它是比较的对象的内存地址，如果两个对象是一摸一样的，但是地址不同，它也会返回false7.使用对象字面量，可以在创建对象时，直接指定对象中的属性语法：{属性名:属性值,属性名:属性值....}对象字面量的属性名可以加引号也可以不加，建议不加，如果要使用一些特殊的名字，则必须加引号属性名和属性值是一组一组的名值对结构，名和值之间使用:连接，多个名值对之间使用,隔开如果一个属性之后没有其他的属性了，就不要写,8. JS中数据类型 String 字符串 Number 数值Boolean 布尔值Null 空值Undefined 未定义以上这五种类型属于基本数据类型，以后我们看到的值只要不是上边的5种，全都是对象 Object 对象基本数据类型都是单一的值，值和值之间没有任何的联系。9.对象的分类（1）内建对象：由ES标准中定义的对象，在任何的ES的实现中都可以使用（2）宿主对象：由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象比如 BOM【浏览器对象】 DOM【文档对象】 doument.write() console.log()（3）自定义对象：由开发人员自己创建的对象10.创建对象使用new关键字调用的函数，是构造函数constructor 在堆中开辟内存在栈中放的是堆的地址通过地址操作堆中的内容值构造函数是专门用来创建对象的函数使用typeof检查一个对象时，会返回object11.在对象中保存的值称为属性向对象添加属性语法：对象.属性名 = 属性值;读取对象中的属性语法：对象.属性名如果读取对象中没有的属性，不会报错而是会返回undefined修改对象的属性值语法：对象.属性名 = 新值删除对象的属性语法：delete 对象.属性名12.形参和实参【定义形参调用实参】（1）形参：形式参数定义函数时，可以在()中定义一个或多个形参，形参之间使用,隔开定义形参就相当于在函数内声明了对应的变量但是并不赋值，形参会在调用时才赋值。（2）实参：实际参数调用函数时，可以在()传递实参，传递的实参会赋值给对应的形参,调用函数时JS解析器不会检查实参的类型和个数，可以传递任意数据类型的值。如果实参的数量大于形参，多余实参将不会赋值，如果实参的数量小于形参，则没有对应实参的形参将会赋值undefined13.函数作用域调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁每调用一次函数就会创建一个新的函数作用域，他们之间是互相独立的在函数作用域中可以访问到全局作用域的变量在全局作用域中无法访问到函数作用域的变量当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用如果没有则向上一级作用域中寻找，直到找到全局作用域，如果全局作用域中依然没有找到，则会报错ReferenceError在函数中要访问全局变量可以使用window对象14.在函数作用域也有声明提前的特性，使用var关键字声明的变量，会在函数中所有的代码执行之前被声明。函数声明也会在函数中所有的代码执行之前执行15.定义形参就相当于在函数作用域中声明了变量16.函数 function 函数也是一个对象函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)函数中可以保存一些代码在需要的时候调用使用typeof检查一个函数对象时,会返回function17.我们在实际开发中很少使用构造函数来创建一个函数对象创建一个函数对象可以将要封装的代码以字符串的形式传递给构造函数18.封装到函数中的代码不会立即执行，函数中的代码会在函数调用的时候执行，当调用函数时，函数中封装的代码会按照顺序执行调用函数语法：函数对象()19.（1）使用函数声明来创建一个函数语法：function 函数名([形参1,形参2...形参N]){语句...}（2）使用函数表达式来创建一个函数语法：var 函数名 = function([形参1,形参2...形参N]){语句....}20.在调用函数时，可以在()中指定实参（实际参数）实参将会赋值给函数中对应的形参21.调用函数时解析器不会检查实参的类型，所以要注意，是否有可能会接收到非法的参数，如果有可能则需要对参数进行类型的检查。函数的实参可以是任意的数据类型22.调用函数时，解析器也不会检查实参的数量，多余实参不会被赋值如果实参的数量少于形参的数量，则没有对应实参的形参将是undefined23.实参可以是任意的数据类型，也可以是一个对象当我们的参数过多时，可以将参数封装到一个对象中，然后通过对象传递实参可以是一个对象，也可以是一个函数
Web前端学习记录
速度啊傻瓜: 三、 Display:inline block inline-block（一行显示支持宽和高） none彻底消失四、与overflow属性1. display属性（1） display:inline（行内元素a span）的应用。display:inline可以让块元素，变为行内显示，例如行内元素特征无法控制宽和高 a b em strong i span img行内（它支持宽和高） <div> DIV1 </div> <div> DIV2 </div> 这里DIV1和DIV2分别占一行，但是你给他们加上属性后变了 <div xss=removed> DIV1 </div> <div xss=removed> DIV2 </div> DIV1和DIV2这时候显示在同一行了。 display:inline比较经典的用法是用在 <ul> 下的 <li> 中内联 block一般一个块占一行，除非float。 inline是自动排为一行，就象段内的文字一样，可成为多行。（2） display:block（块元素div p ol ul li dl dt dd ）的应用。块元素所有的列表和 display:inline 对应的是 display:block，block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素，例如 SPAN 是行内显示的，但是你加了 display:block 属性就不一样了<span xss=removed> SPAN1 </span><span xss=removed> SPAN2 </span>（3） display:inline-block。(行内块元素 img input )有时候既希望元素具有宽度高度特性，又具有同行特性，这个时候我们可以使用inline-block。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。但是这个属性目前不是所有的浏览器都支持，以前的FF2，IE6，IE7不支持该属性， Firefox2和IE使用特殊办法可以实现这种效果。 FF2可以使用FF的私有属性display:-moz-inline-box;来实现在IE下实现display:inline-block效果的方法：先用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象代码如下：div {display:inline-block;}div {display:inline;}（4）display:none的应用。display:none可将元素设置为不显示。2. overflow属性，这个属性定义溢出元素内容区的内容会如何处理（1）overflow ：hidden 隐藏，溢出部分隐藏。（2）overflow : visible 可见，显示溢出内容,visible为默认值。（3）overflow ：auto 自动，如有溢出内容，相应盒子便会显示滚动条。不一定出现滚动条<div xss=removed><p xss=removed content="text/html; charset=utf-8"> <title>列表符号</title> <style>div {background-color:#00FFFF;width:150px;height:150px;/* overflow:auto;overflow:hidden; */} </style> </head> <body><div>这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。</div> </body></html>默认情况下，内容不会被修剪，会呈现在元素框之外。效果如下： Overflow:hidden; 内容会被修剪，并且其余内容是不可见的。效果如下： Overflow:auto; 内容会被修剪，并且其余内容是不可见的。效果如下：（5）Overflow-x：设置当对象的内容超过其指定宽度时如何显示内容（水平滚动条）<div xss=removed> </div>（6）Overflow-y：设置当对象的内容超过其指定高度时如何显示内容（垂直滚动条）<div xss=removed> <ul><li>新闻列表</li></ul></div> 3. visibility 属性规定元素是否可见.使 h2 元素不可见：h2 { visibility:hidden;} visibility:hidden与display:none（都有隐藏本身的效果）的区别visibility:hidden（占位隐藏）设置不可见的元素也会占据页面上的空间。display:none （不占位隐藏）属性不占据页面空间。

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。