axios Qs 关于多参数对象的解决方案

一、前言

  目前有不少项目采用Vue以及axios以取代原来Jquery。也有知名网站采用原生JS取代Jquery。本文在采用Vue、axios传输参数到后台的时候,出现了参数无法获取的问题。依据axios的官方文档,采用Qs库将参数序列化为传统表单的&和?方式。主要以key-value为主。但当需要传输一个对象,外加一个参数的时候,后台就会出现参数无法获取的问题。

 

二、问题描述

sysUser为对象,role为字符串。这样传到后台,后台仅能获取到role的值,而无法获取到sysUser对象

1、前台

axios Qs 关于多参数对象的解决方案

 

 2、后台

axios Qs 关于多参数对象的解决方案

 

 

三、解决方案

前台role封装到sysUser对象中

axios Qs 关于多参数对象的解决方案

 

 传输效果:

axios Qs 关于多参数对象的解决方案

 

 

 鸣谢:

Java1234官方群5 的一位热心网友提供解决思路

上一篇:1. 初识Jackson -- 世界上最好的JSON库


下一篇:MVC5+EF6 入门完整教程4 :EF基本的CRUD