springboot+vue.js项目碰到的小问题总结

最新推荐文章于 2024-11-09 12:28:51 发布

原创最新推荐文章于 2024-11-09 12:28:51 发布 · 747 阅读

0 ·

CC 4.0 BY-SA版权

博客主要讲述了表单提交时出现乱码问题，通过设置解决了该问题。还提及使用ajax实现前后端调用，用于注册时进行名字检重，涉及前端与后端交互的信息技术内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单提交出现乱码，通过设置这个乱码解决：

response.setHeader("Content-type", "text/html;charset=UTF-8");

ajax实现前后端调用实现注册时名字检重

<script>
    function checkName() {
        var name = document.getElementsByName("name")[0].value;
        var span = document.getElementsByTagName("span")[0];
        if (name == "") {
            span.innerHTML = "<font color='#4b0082'>用户名不能为空"
            return;
        }
        $.ajax({
            type: "Post",
            url: "nameDuplicate",
            data: "name=" + name,
            success: function (data) {
                if (data == true) {
                    span.innerHTML = "<font color='blue'>用户名可用"
                } else {
                    span.innerHTML = "<font color='#8b0000'>用户名已被使用"
                }
            }
        })
    }
</script>

    @RequestMapping(value = "registerJudge",method = RequestMethod.POST)
    public String registerJudge(User user, @RequestParam String repassword, HttpServletResponse response, HttpServlet servlet) throws IOException {
        response.setHeader("Content-type", "text/html;charset=UTF-8");
        if(user.getName()==""||user.getPassword()==""||repassword==""){
            response.getWriter().write("信息填写不完整，请重新注册");
            return "register";
        }else{
            logger.info(user.getName()+" "+user.getPassword()+" "+repassword);
            response.getWriter().println("注册成功");
            return "login";
        }
    }