SpringMVC從Control中響應json數據

時間 2019-11-13

標籤 springmvc control 響應 json 數據欄目 Spring 简体版

原文原文鏈接

在頁面上異步獲取Controller中響應的json數據。 javascript

<%@ 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>User List</title>

<script type="text/javascript" src="${pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#button_getUser").click(function(){
            //異步請求json數據
            $.ajax({
                type:"POST",
                url:"${pageContext.request.contextPath}/user/getUserList",
                success:function(data){
                    //迭代返回的json數據
                    $.each(data,function(i,user){
                        $("#results").append(user.userName+"---"+user.password+"<br>");
                    });
                },
                error:function(e) {
                    alert("出錯："+e);
                }
            });
        });
    });
</script>

</head>
<body>
    <input type="button" id="button_getUser" value="獲取用戶列表"><br>
    用戶信息：<br>
    <div id="results">

    </div>
</body>
</html> html

Controller中的代碼： java

@RequestMapping("/getUserList")
    public String getUserList(HttpServletResponse response) {
        response.setCharacterEncoding("UTF-8");
        response.setContentType("application/json");

        List<User> userList = getUsers();
        Gson gson = new Gson();
        String json = gson.toJson(userList);
        System.out.println("json---"+json);
        PrintWriter out = null;
        try {
            out = response.getWriter();
            out.write(json);
            out.flush();
        }catch(Exception e) {
            e.printStackTrace();
        }finally {
            if(out != null) {
                out.close();
            }
        }

        return "/user/userList";
    }

    private List<User> getUsers() {
        List<User> users = new ArrayList<User>();

        User user1 = new User();
        user1.setUserName("李壞");
        user1.setPassword("LiHuai");

        User user2 = new User();
        user2.setUserName("阿飛");
        user2.setPassword("aFei");

        User user3 = new User();
        user3.setUserName("陸小鳳");
        user3.setPassword("LuXiaoFeng");

        users.add(user1);
        users.add(user2);
        users.add(user3);

        return users;
    } jquery