SpringMVC+ajax返回JSON串

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

转载最新推荐文章于 2022-10-01 08:53:55 发布 · 710 阅读

spring 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了一个使用SpringMVC和AJAX实现将JSON对象返回到页面的小型示例，旨在展示如何在实际项目中集成SpringMVC框架。

SpringMVC+ajax返回JSON串

您的评价:

较差

收藏该经验

一、引言

本文使用springMVC和ajax做的一个小小的demo，实现将JSON对象返回到页面，没有什么技术含量，纯粹是因为最近项目中引入了springMVC框架。

二、入门例子

①. 建立工程,并导入相应spring jar包和解析json的包fastjson。

②. 在web.xml文件中配置Spring的核心类DispatcherServlet

③. 配置Spring的核心配置文件spring-servlet.xml

④. 编写实体类Person

01public class
Person {  

02    private
String name;  

03    private
Integer age;  

04   

05    public
String getName() {  

06        return
name;  

07    }  

08   

09    public
void setName(String name) {  

10        this.name = name; 

11    }  

12   

13    public
Integer getAge() {  

14        return
age;  

15    }  

16   

17    public
void setAge(Integer age) {  

18        this.age = age; 

19    }  

20   

21    public
String toString() {  

22        return
"[name: " + name + ", age: "
+ age + "]"; 

23    }  

24}

⑤. 编写控制器类PersonControll

01@Controller  

02public 
class PersonControll {  

03    @RequestMapping("toAjax.do") 

04    public
String toAjax() {  

05        return
"ajax";  

06    }  

07       

08    @RequestMapping(value =
"ajax.do", method = RequestMethod.GET) 

09    public
void ajax(@ModelAttribute Person person,PrintWriter printWriter) { 

10        System.out.println(person); 

11        String jsonString = JSON.toJSONString(person, SerializerFeature.PrettyFormat); 

12        printWriter.write(jsonString); 

13        printWriter.flush(); 

14        printWriter.close(); 

15    }  

16}

⑥. 编写访问页面ajax.jsp

01<%@ page language="java"
contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%> 

02<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 

03<html>  

04    <head>  

05        <meta http-equiv="Content-Type"
content="text/html; charset=utf-8"> 

06        <title>ajax
for springMVC</title>  

07        <script type="text/javascript"
src="js/jquery-1.6.2.min.js"></script> 

08        <script type="text/javascript"> 

09            $(function() { 

10                $("#click").click(function() { 

11                    $.ajax( { 

12                        type :
"GET",  

13                        url :
"ajax.do",  

14                        data :
"name=zhangsan&age=20",  

15                        dataType:
"text",  

16                        success :
function(msg) {  

17                            alert(msg); 

18                        } 

19                    }); 

20                }); 

21            }); 

22        </script> 

23    </head>  

24    <body>  

25        <input id="click"
type="button" 
value="click to show person" 
/>  

26    </body>  

27</html>