简单的JQuery(AJAX)+SpringMVC的小例子,实现将对象以JSON的形式返回给页面。
(本例包含一个HelloWorld,一个表单参数传递,一个JSON实例)
如有时间可以在[url]http://www.verycd.com/topics/2917293/[/url]下载相关视频。
目录结构:
[img]http://dl.iteye.com/upload/attachment/0069/1516/0798fe11-d11b-35dd-b1bd-4567ec0dffb4.jpg[/img]
1.相关Jar包的引入,spring的jar包,jstl的jar包特别是jaskson相关的两个jar包
2.web.xml配置:
2.根据web.xml的配置,创建对应的xxxx-servlet.xml文件
这里是springmvc-servlet.xml
3.Model类的编写
4.Controller的编写
5.jsp中的ajax代码:
6.部署调试网页弹出信息。
以下是项目源码以及所需jar包
(本例包含一个HelloWorld,一个表单参数传递,一个JSON实例)
如有时间可以在[url]http://www.verycd.com/topics/2917293/[/url]下载相关视频。
目录结构:
[img]http://dl.iteye.com/upload/attachment/0069/1516/0798fe11-d11b-35dd-b1bd-4567ec0dffb4.jpg[/img]
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"
class="org.springframework.web.servlet.view.UrlBasedViewResolver">
<property name="viewClass"
value="org.springframework.web.servlet.view.JstlView"></property>
<property name="prefix" 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的编写
@Controller
public 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包