Spring mvc 处理ajax请求

最新推荐文章于 2023-06-02 17:55:06 发布

努力小白ing

最新推荐文章于 2023-06-02 17:55:06 发布

阅读量5.3k

点赞数 1

分类专栏： Spring 文章标签： ajax spring mvc 表单

本文链接：https://blog.csdn.net/l1i2fe/article/details/52972880

版权

Spring 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.在页面上最好不要用submit触发ajax，因为这样会很容易出问题，今天学习的时候就遇到了触发不了ajax的问题。所以最好用button来触发。
2.若想利用ajax提交form表单，则可以在ajax的data属性中提供form表单的序列化，如：
data:$('#formId').serialize()
3.若要用submit提交信息，则可以用：
$('#formId').submit(function() { //ajax代码 });
注意：此时的方式要在form表单中设置，在ajax设置是无效的！！！
基于上述三点提供一个例子

<body>
    <form action="#" id="userInfo" method="post">
        用户名:<input type="text" name="userName" id="name"/><br/>
        密码：<input type="password" name="password" id="password"/><br/>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>
<script type="text/javascript">
    $(function() {
        $('#userInfo').submit(function() {
            $.ajax({
                type:'POST',
                url:'<%=request.getContextPath()%>/user/createUser2',
                data:$('#userInfo').serialize(),
                success:function(data){
                    alert(data);
                },
                error:function()
                {
                    alert("服务器错误");
                    alert("hahhahah");
                    window.location.href = "<%=request.getContextPath()%>/faile.jsp";
                }
            });
        });
    });
</script>

4.spring mvc处理ajax请求时，若不利用json返回数据，则返回的是一个页面，如：

@RequestMapping(value="/createUser2", method=RequestMethod.POST)
    public Map<String, String> createUser2(ModelMap model, UserModel user)
    {
        System.out.println(user);
        model.addAttribute("user", user);
        System.out.println("createUser2:"+user.toString());
        return “user/success”;
    }

此时返回的是我定义的success.jsp页面代码，若改变返回值（没有映射到相应的页面），则ajax请求失败。
5.所以处理ajax返回时，最好是用json返回。这里我利用的是jackson技术，自动包装为json数据，首先在spring-servlet.xml中配置：

<mvc:annotation-driven>
        <mvc:message-converters>
            <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                <property name="objectMapper">
                    <bean class="com.fasterxml.jackson.databind.ObjectMapper">
                        <property name="dateFormat"><bean class="java.text.SimpleDateFormat">
                            <constructor-arg type="java.lang.String" value="yyyyMMddHHmmss"/>
                            </bean>
                        </property>
                    </bean>
                </property>
            </bean>
        </mvc:message-converters>
    </mvc:annotation-driven>

然后在对应的Controller方法上添加@ResponseBody注解将信息转化为json并绑定到返回的参数中，如：

@ResponseBody
    @RequestMapping(value="/createUser2", method=RequestMethod.POST)
    public Map<String, String> createUser2(ModelMap model, UserModel user)
    {
        System.out.println(user);
        model.addAttribute("user", user);
        System.out.println("createUser2:"+user.toString());
        Map<String, String> map = new HashMap<String, String>();
        map.put("1", "test1");
        map.put("2", "test2");
        return map;
    }