Axios使用post方式请求Java后端接口传参问题

缺乏、安全感 2022-12-26 09:28 183阅读 0赞

**前端Vue使用post请求java后端数据**

this.$axios({
            method: "post",
            url: "http://localhost:8080/BSVue/admin/adminLogin",
            data:({
              username: username,
              pwd: pwd,
            }),
            
            headers: { "Content-Type": "application/x-www-form-urlencoded" }, //这个必须加上
          })
            .then(function (response) {
              console.log(response);
            })
            .catch(function (error) {
              console.log(error);
            });

**Java后端代码：**

public void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 
    			// 1. 从 map 取 前端发过来的 post 数据
    			Map<String, String[]> parameterMap = req.getParameterMap();
    			// 2. 遍历 map 数据 ----> 字符串
    			String namePwd = "";
    			if (parameterMap != null) { 
    				for (Map.Entry<String, String[]> entry : parameterMap.entrySet()) { 
    					namePwd = entry.getKey();
    					System.out.println(namePwd);
    				}
    			}
    			// 3. 字符串 ----> json
    			JSONObject params = JSON.parseObject(namePwd);
    			String username = params.getString("username");
    			int pwd = params.getInteger("pwd");
    }

发表评论取消回复

表情：

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

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

相关阅读

相关 axios之post传参

后台说：传参post用body的形式 var str={ "User":_this.addform, ...

妖狐艹你老母/ 2024年04月18日 20:55/ 0 赞/ 41 阅读

相关 axios—使用axios请求REST接口—发送get、post、put、delete请求

文档：[GitHub - axios/axios: Promise based HTTP client for the browser and node.js][GitHub

柔光的暖阳◎/ 2024年04月06日 13:20/ 0 赞/ 34 阅读

相关 axios.get请求传参方式

GET 请求中的数据通常通过查询参数（query parameters）传递，而不是在请求体中传递将数据作为查询参数附加到 URL 上 axios.get('

左手的ㄟ右手/ 2024年03月02日 10:51/ 0 赞/ 25 阅读

相关 JAVA后端主动发送post请求，访问后端接口

需要编写三个工具类进行访问，可能会添加一些依赖，如果访问的接口有登录的拦截需要将其放开才能进行访问，这里缺失的依赖后续补充！！！ > 第一个工具类：用于进行Https

短命女/ 2023年10月10日 17:15/ 0 赞/ 30 阅读

相关使用axios请求接口REST接口（实现GET、POST、PUT、DELETE方式的接口请求）

使用axios请求接口REST接口： 1.首先你要拥有（了解）json-server这个包，因为我是基于这个包来写的（往期文章链接地

秒速五厘米/ 2023年06月16日 07:52/ 0 赞/ 88 阅读

相关 Axios使用post方式请求Java后端接口传参问题

前端Vue使用post请求java后端数据 this.$axios({ method: "post", url: "h

缺乏、安全感/ 2022年12月26日 09:28/ 0 赞/ 184 阅读

相关 axios使用delete请求data传参示例

后台接口定义示例 @DeleteMapping("/delete") @ApiOperation("批量删除接口") public Result<

桃扇骨/ 2022年12月24日 13:51/ 0 赞/ 261 阅读

相关 VUE - get 、post 请求后端接口：get 、post 写法（Axios 中文说明文档地址）

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] Axios 中文使用说明文档地址：[Axiox 中文说

叁歲伎倆/ 2022年04月03日 06:22/ 0 赞/ 310 阅读

相关 axios post请求跨域403以及传参问题解决

一个react的项目，其中使用axios作为http请求工具，在使用时遇到了一些坑，记录I一下。 1、get请求，报跨域错误： has been blocked b

╰半夏微凉°/ 2021年08月30日 21:26/ 0 赞/ 1208 阅读

相关 Vue ：axios请求post、get请求根据后参数类型进行传参（带token）

axios请求post、get请求根据后参数类型的使用（带token）一、get请求： get请求常见的参数类型（Parameter Type）是query，

左手的ㄟ右手/ 2021年07月25日 02:23/ 0 赞/ 1409 阅读