关于axios传参给后端

阅读目录

• 后端接收不到参数，报错400或者405？
• 超级无语，弄了我一下午都没搞好。。。
• @CrossOrigin

前端使用axios传参数给后端

回到顶部

后端接收不到参数，报错400或者405？

回到顶部

超级无语，弄了我一下午都没搞好。。。

注意一个注解，

叫做

回到顶部

@CrossOrigin

他帮我们解决了ajax跨域的问题。一定要添加这个。

然后后端在传参的时候，如果我们使用
axios.post("${pageContext.request.contextPath}/user/queryUser",{userAccount:xx})
他会自动帮我们传一个json类型过去，我们需要在前端用@RequestBody注解来接收他
或者我们使用axios.post("${pageContext.request.contextPath}/user/queryUser","userAccount=xxx")
这种方法也可以传过去

let userAccount1 = document.getElementById("userAccount");
    document.getElementById("queryUser").onclick=function(){
        axios.post("${pageContext.request.contextPath}/user/queryUser","userAccount"+userAccount1.value
        ).then(function(response) {
            console.log(response);
            <c:set scope="request" var="userlist" value="response"/>
        }, function(err) {
            console.log(err);
        })
    }

    @RequestMapping(value="/queryUser")
    @CrossOrigin
    public String queryUser(Model model,@RequestParam String userAccount) {
        List<User> list = userService.vagueSelect(userAccount);
        System.out.println(list);
        model.addAttribute("userlist", list);
        return "Userpage";
    }