简略的JQuery(AJAX)+SpringMVC的小例子(JSON)

简单的JQuery(AJAX)+SpringMVC的小例子(JSON)
简单的JQuery(AJAX)+SpringMVC的小例子，实现将对象以JSON的形式返回给页面。
(本例包含一个HelloWorld，一个表单参数传递，一个JSON实例)
如有时间可以在http://www.verycd.com/topics/2917293/下载相关视频。

目录结构：


1.相关Jar包的引入，spring的jar包,jstl的jar包特别是jaskson相关的两个jar包

2.web.xml配置：

<?xml version="1.0" encoding="UTF-8"?><web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  <welcome-file-list>    <welcome-file>index.jsp</welcome-file>  </welcome-file-list>    <servlet>  <servlet-name>springmvc</servlet-name>  <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  </servlet>    <servlet-mapping>  <servlet-name>springmvc</servlet-name>  <url-pattern>*.do</url-pattern>  </servlet-mapping>    <context-param><param-name>contextConfigLocation</param-name><param-value>/WEB-INF/springmvc-servlet.xml</param-value></context-param><listener><listener-class>org.springframework.web.context.ContextLoaderListener</listener-class></listener>  </web-app>

2.根据web.xml的配置,创建对应的xxxx-servlet.xml文件
这里是springmvc-servlet.xml

<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"xmlns:tx="http://www.springframework.org/schema/tx"xmlns:mvc="http://www.springframework.org/schema/mvc"xsi:schemaLocation="http://www.springframework.org/schema/beans           http://www.springframework.org/schema/beans/spring-beans-3.0.xsd           http://www.springframework.org/schema/context           http://www.springframework.org/schema/context/spring-context-2.5.xsd           http://www.springframework.org/schema/tx         http://www.springframework.org/schema/tx/spring-tx-3.0.xsd        http://www.springframework.org/schema/mvc           http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd"><context:component-scan base-package="com.mvc"></context:component-scan><mvc:annotation-driven /><bean id="viewResolver"value="/"></property><property name="suffix" value=".jsp"></property></bean></beans>

3.Model类的编写

public class Shop {String name;String staffName[];public String getName() {return name;}public void setName(String name) {this.name = name;}public String[] getStaffName() {return staffName;}public void setStaffName(String[] staffName) {this.staffName = staffName;}public Shop() {} }

4.Controller的编写

@Controllerpublic class JSONController {@RequestMapping(value="/json", method = RequestMethod.GET)public @ResponseBody Shop getShopInJSON() {//测试数据Shop shop = new Shop();System.out.println("Shop");shop.setName("Eric");shop.setStaffName(new String[]{"mkyong1", "mkyong2"});return shop;}}

5.jsp中的ajax代码：

<script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript">$(function() {getjson();});function getjson() {$.ajax( {type : "get",url : "json.do",dataType:"json",success : function(msg) {alert("Data Saved: " + msg.name+"--"+msg.staffName);}});}</script>

6.部署调试网页弹出信息。
以下是项目源码以及所需jar包

查看更多 下一篇