axios传递数据到java_springmvc获取axios数据为null情况

场景：前端用了vue没有用ajax与后台通信，用了axios，但是在代码运行过程中发现axios传递到后台的值接受到数据为null。

问题原因：此处的问题在与axios返回给后台的数据为json类型的，后台接收和返回也应该是json类型的才行。

解决方式：这里用的是@ResquestBody和@ReponseBody这两个注解来解决的。如下图代码使用@RequestBody Map map去获取前台传递过来的数据，然后返回给前端的数据也必须为json格式，这时候需要在方法上方加一个@ReponseBody注解。或者在类的上用@RestController代替@Controller注解也有相同的效果。

public String toMainPage(@RequestBody Map map, HttpServletRequest request) throws Exception {

String username = (String) map.get("username");

String password = (String) map.get("password");

String flag = (String) map.get("flag");

ModelAndView mv = new ModelAndView();

HttpSession session = request.getSession();

String getPassword = null;

if("0".equals(flag)){//登录用户为管理员的情况

getPassword = this.userSystemService.getSSystemByUsername(username,password);

}else{//普通用户登录

getPassword = this.userSystemService.getUserByUsername(username,password);

}

if(!"".equals(getPassword) && getPassword != null){//用户名密码都正确的情况下将用户的数据放入session

session.setAttribute("loginName",username);//登录用户名

session.setAttribute("flag",flag);//登录角色类型

}

return getPassword;

}

axios方法讲解：由于也是第一次使用axios像后台传递数据，这里只写出个人的使用感悟，如果有不对的地方希望指正。axios和ajax的使用很相似，下面的例子是一个post请求，而then就相当于ajax中的success，catch则相当于error。post里面的“/judgeUser”为请求地址，后面的为需要传递给后台的数据。

axios引入说明，axios引入有两种方法。一种是：如果项目中使用了node的话通过node的方式引入，这边本项目没有使用node，在这里不对这种方式做讲解。本项目通过第二种方式：以js文件的形式引入的。

或者也可以登如上面的地址将内容复制下来然后放在axios.min.js文件来引入

axios.post('/judgeUser', {

username : username,

password : password,

flag : flag,

})

.then(function (res) {

if(res.data == "1") {

if(flag == "0") {//管理员登录

location.href = "/toMain";

}else {//普通人员登录

location.href = "/toMain";

}

}else {

alert("用户名或者密码不正确");

}

})

.catch(function (err) {

alert("验证失败,用户名或者密码不正确");

});

转载至链接:https://my.oschina.net/zicheng/blog/1831949