读书人

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

发布时间: 2012-07-01 13:15:00 作者: rapoo

简单的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包


读书人网 >JavaScript

热点推荐