spring mvc Ajax与Json处理

最新推荐文章于 2022-10-01 08:53:55 发布

晴空马仔

最新推荐文章于 2022-10-01 08:53:55 发布

阅读量195

点赞数 1

分类专栏： spring-mvc 小案例 json解析 jquery

本文链接：https://blog.csdn.net/qq_30581017/article/details/78925912

版权

spring-mvc 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

小案例

2 篇文章 0 订阅

订阅专栏

jquery

2 篇文章 0 订阅

订阅专栏

1. 导入jar包

jackson-annotations-2.5.4.jar
jackson-core-2.5.4.jar
jackson-databind-2.5.4.jar
链接地址：http://download.csdn.net/download/qq_30581017/10178716

2.配置json解析器

<!--  json配置 -->
     <!-- 用于将对象转换为 JSON  -->  
    <bean id="stringConverter"  
        class="org.springframework.http.converter.StringHttpMessageConverter">  
        <property name="supportedMediaTypes">  
            <list>  
                <value>text/plain;charset=UTF-8</value>  
            </list>  
        </property>  
    </bean>  
    <bean id="jsonConverter"  
        class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"></bean>  

    <bean  
        class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">  
        <property name="messageConverters">  
            <list>  
                <ref bean="stringConverter" />  
                <ref bean="jsonConverter" />  
            </list>  
        </property>  
    </bean>

3. Jsp界面

 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#btn").blur(function(){
            $.post("ajax.do",
                    function(data){
            //  alert(data);
                        var html = "";
                        for(var i=0;i<data.length;i++){
                            html +="<tr><td>"+data[i].id+"</td><td>"+data[i].name+"</td><td>"+data[i].sex+"</td></tr>";
                        }
                        $("#content").html(html);
                    });
        }); 
    });

</script>
</head>
<body>
    <input id="btn" type="button" value="获取数据"/>
    <table>
        <tr>
            <td>编号</td>
            <td>姓名</td>
            <td>性别</td>
        </tr>
        <tbody id="content">

        </tbody>

    </table> 
</body>
</html>

4. controller 处理类

package com.yu;

import java.util.ArrayList;
import java.util.List; 
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class ajaxController {

    @RequestMapping("/ajax")
    @ResponseBody
    public List<User> ajax() {

         List<User> users = new ArrayList<>();
         users.add(new User(1,"yuqing","女"));
         users.add(new User(2,"opo","female"));
         users.add(new User(3,"as","男"));
         users.add(new User(4,"we","male"));
//       System.out.println(users.size());
         return users;

    } 
}

5. User类

package com.yu;
public class User {
    private int id;
    private String name;
    private String sex;

    public User(int id, String name, String sex) {

        this.id = id;
        this.name = name;
        this.sex = sex;
    }
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getSex() {
        return sex;
    }
    public void setSex(String sex) {
        this.sex = sex;
    }
}