jQuery封装Ajax，SpringMVC使用Ajax的配置

╰半夏微凉° 2021-11-23 04:46 358阅读 0赞

上一遍已经讲了使用原生js开发Ajax，熟悉其原理再来学jQuery封装好的就容易多了，

Jquery中已经封装好$.ajax()方法，我们可以直接调用，具体的属性含义可以参考jquery手册。

**jQuery使用Ajax的具体步骤：**

1.引用jquery源码

2.自己的调用的方法

这样就发送了一个Ajax请求，但是服务器端如果传过来的不是0和1，而是对象呢，这就需要我们

**在服务器端把对象转换成JSON字符串。**

1，首先要引入阿里的fastjson.jar包。,  
2，再调用json的toJSONString方法就可以将一个对象转换成json字符串：  
如下所示：  
![在这里插入图片描述][20190725211609958.png]  
3，对象属性的控制，常用的两个注解，忽略某个属性和日期格式转换  
如下所示：

public class Comment { 
    	//转换为json对象时，忽略这个属性
    	@JSONField(serialize = false)
        private int id;
        private String content;
        private String username;
        //用在日期属性上，转换为json时，按照这个格式转换
        @JSONField(format="yyyy-MM-dd")
        private Date date;
    }

## SpringMVC和ajax的集成 ##

1.  引入jar包fastjson.jar，阿里的一个将java对象转换为json格式的字符串。
2.  对控制器类中的方法进行调整。  
    老的方式  
    Public void xxx(HttpServletResponse response)\{  
    …  
    Out.print(json);  
    …  
    \}  
    新的方式  
    Public Comment xxx()\{  
    Return comment;//把要转换为json格式的对象直接返回。  
    \}
3.  在方法上面添加注解  
    @ResponseBody//该方法的返回值要转换为json字符串  
    Public Comment xxx()\{  
    Return comment;//把要转换为json格式的对象直接返回。  
    \}

如下所示：返回json对象@ResponseBody一定要加，不要忘了

@RequestMapping("/add2")
        @ResponseBody//表示这个方法返回值是一个json对象
        public Comment add2(Comment comment) {
            comment.setUsername("macw");
            comment.setDate(new Date());
            //调用业务类保存到数据库。
            System.out.println(comment);
    
            return comment;
        }

4.springmvc的配置文件中设置启用fastjson。必不可少的一步：

<mvc:annotation-driven>
            
            <mvc:message-converters>
                <bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter4">
                    <property name="supportedMediaTypes">
                        <list>
                            <value>application/json;charset=utf-8</value>
                        </list>
                    </property>
                </bean>
            </mvc:message-converters>
        </mvc:annotation-driven>

固定格式，不要出错。

[20190725211609958.png]: /images/20211122/b885e672a9da42ba93198d02f24d033c.png