脚本宝典收集整理的这篇文章主要介绍了关于axios传参给后端，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

前端使用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";
    }

脚本宝典总结

以上是脚本宝典为你收集整理的关于axios传参给后端全部内容，希望文章能够帮你解决关于axios传参给后端所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。