SpringMVC+Json构建基于Restful风格的应用
2014-08-11 22:22
525 查看
http://blog.csdn.net/greensurfer/article/details/19296247
一、spring 版本：spring-framework-3.2.7.RELEASE
二、所需其它Jar包：
三、主要代码：
web.xml
[java] view
plaincopy
<?xml version="1.0" encoding="UTF-8"?>
<web-app 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"
version="2.5">
<context-param>
<param-name>log4jConfigLocation</param-name>
<param-value>classpath:log4j.properties</param-value>
</context-param>
<context-param>
<param-name>log4jRefreshInterval</param-name>
<param-value>60000</param-value>
</context-param>
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext.xml</param-value>
</context-param>
<!-- 编码过虑 -->
<filter>
<filter-name>encodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<!-- Spring监听 -->
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!-- Spring MVC DispatcherServlet -->
<servlet>
<servlet-name>springMVC3</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springMVC-servlet.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springMVC3</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<!-- 解决HTTP PUT请求Spring无法获取请求参数的问题 -->
<filter>
<filter-name>HiddenHttpMethodFilter</filter-name>
<filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>HiddenHttpMethodFilter</filter-name>
<servlet-name>springMVC3</servlet-name>
</filter-mapping>
<display-name>UikitTest</display-name>
<welcome-file-list>
<welcome-file>/WEB-INF/jsp/index.jsp</welcome-file>
</welcome-file-list>
</web-app>
springMVC-servlet.xml
[html] view
plaincopy
<?xml version="1.0" encoding="UTF-8"?>
<beans default-lazy-init="true"
xmlns="http://www.springframework.org/schema/beans" xmlns:p="http://www.springframework.org/schema/p"
xmlns:tx="http://www.springframework.org/schema/tx" xmlns:aop="http://www.springframework.org/schema/aop"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
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.1.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.1.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.1.xsd">
<!-- 注解驱动 -->
<mvc:annotation-driven />
<!-- 扫描包 -->
<context:component-scan base-package="com.citic.test.action" />
<!-- 用于页面跳转,根据请求的不同跳转到不同页面，如请求index.do则跳转到/WEB-INF/jsp/index.jsp -->
<bean id="findJsp"
class="org.springframework.web.servlet.mvc.UrlFilenameViewController" />
<bean class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
<property name="mappings">
<props>
<prop key="index.do">findJsp</prop><!-- 表示index.do转向index.jsp页面 -->
<prop key="first.do">findJsp</prop><!-- 表示first.do转向first.jsp页面 -->
</props>
</property>
</bean>
<!-- 视图解析 -->
<bean class="org.springframework.web.servlet.view.UrlBasedViewResolver">
<!-- 返回的视图模型数据需要经过jstl来处理 -->
<property name="viewClass"
value="org.springframework.web.servlet.view.JstlView" />
<property name="prefix" value="/WEB-INF/jsp/" />
<property name="suffix" value=".jsp" />
</bean>
<!-- 对静态资源文件的访问 不支持访问WEB-INF目录 -->
<mvc:default-servlet-handler />
<!-- 对静态资源文件的访问 支持访问WEB-INF目录 -->
<!-- <mvc:resources location="/uikit-2.3.1/" mapping="/uikit-2.3.1/**" /> -->
<bean id="stringConverter" class="org.springframework.http.converter.StringHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/plain;charset=UTF-8</value>
</list>
</property>
</bean>
<!-- 输出对象转JSON支持 -->
<bean id="jsonConverter"
class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>
<bean
class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<ref bean="stringConverter"/>
<ref bean="jsonConverter" />
</list>
</property>
</bean>
</beans>
Controller：
[java] view
plaincopy
package com.citic.test.action;
import java.util.ArrayList;
import java.util.List;
import net.sf.json.JSONObject;
import org.apache.log4j.Logger;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import com.citic.test.entity.Person;
/**
* 基于Restful风格架构测试
*
* @author dekota
* @since JDK1.5
* @version V1.0
* @history 2014-2-15 下午3:00:12 dekota 新建
*/
@Controller
public class DekotaAction {
/** 日志实例 */
private static final Logger logger = Logger.getLogger(DekotaAction.class);
@RequestMapping(value = "/hello", produces = "text/plain;charset=UTF-8")
public @ResponseBody
String hello() {
return "你好！hello";
}
@RequestMapping(value = "/say/{msg}", produces = "application/json;charset=UTF-8")
public @ResponseBody
String say(@PathVariable(value = "msg") String msg) {
return "{\"msg\":\"you say:'" + msg + "'\"}";
}
@RequestMapping(value = "/person/{id:\\d+}", method = RequestMethod.GET)
public @ResponseBody
Person getPerson(@PathVariable("id") int id) {
logger.info("获取人员信息id=" + id);
Person person = new Person();
person.setName("张三");
person.setSex("男");
person.setAge(30);
person.setId(id);
return person;
}
@RequestMapping(value = "/person/{id:\\d+}", method = RequestMethod.DELETE)
public @ResponseBody
Object deletePerson(@PathVariable("id") int id) {
logger.info("删除人员信息id=" + id);
JSONObject jsonObject = new JSONObject();
jsonObject.put("msg", "删除人员信息成功");
return jsonObject;
}
@RequestMapping(value = "/person", method = RequestMethod.POST)
public @ResponseBody
Object addPerson(Person person) {
logger.info("注册人员信息成功id=" + person.getId());
JSONObject jsonObject = new JSONObject();
jsonObject.put("msg", "注册人员信息成功");
return jsonObject;
}
@RequestMapping(value = "/person", method = RequestMethod.PUT)
public @ResponseBody
Object updatePerson(Person person) {
logger.info("更新人员信息id=" + person.getId());
JSONObject jsonObject = new JSONObject();
jsonObject.put("msg", "更新人员信息成功");
return jsonObject;
}
@RequestMapping(value = "/person", method = RequestMethod.PATCH)
public @ResponseBody
List<Person> listPerson(@RequestParam(value = "name", required = false, defaultValue = "") String name) {
logger.info("查询人员name like " + name);
List<Person> lstPersons = new ArrayList<Person>();
Person person = new Person();
person.setName("张三");
person.setSex("男");
person.setAge(25);
person.setId(101);
lstPersons.add(person);
Person person2 = new Person();
person2.setName("李四");
person2.setSex("女");
person2.setAge(23);
person2.setId(102);
lstPersons.add(person2);
Person person3 = new Person();
person3.setName("王五");
person3.setSex("男");
person3.setAge(27);
person3.setId(103);
lstPersons.add(person3);
return lstPersons;
}
}
index.jsp
[html] view
plaincopy
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Uikit Test</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="uikit-2.3.1/css/uikit.gradient.min.css">
<link rel="stylesheet" type="text/css" href="uikit-2.3.1/addons/css/notify.gradient.min.css">
</head>
<body>
<div
style="width:800px;margin-top:10px;margin-left: auto;margin-right: auto;text-align: center;">
<h2>Uikit Test</h2>
</div>
<div style="width:800px;margin-left: auto;margin-right: auto;">
<fieldset class="uk-form">
<legend>Uikit表单渲染测试</legend>
<div class="uk-form-row">
<input type="text" class="uk-width-1-1">
</div>
<div class="uk-form-row">
<input type="text" class="uk-width-1-1 uk-form-success">
</div>
<div class="uk-form-row">
<input type="text" class="uk-width-1-1 uk-form-danger">
</div>
<div class="uk-form-row">
<input type="text" class="uk-width-1-1">
</div>
<div class="uk-form-row">
<select id="form-s-s">
<option>---请选择---</option>
<option>是</option>
<option>否</option>
</select>
</div>
<div class="uk-form-row">
<input type="date" id="form-h-id" />
</div>
</fieldset>
<fieldset class="uk-form">
<legend>基于Restful架构风格的资源请求测试</legend>
<button class="uk-button uk-button-primary uk-button-large" id="btnGet">获取人员GET</button>
<button class="uk-button uk-button-primary uk-button-large" id="btnAdd">添加人员POST</button>
<button class="uk-button uk-button-primary uk-button-large" id="btnUpdate">更新人员PUT</button>
<button class="uk-button uk-button-danger uk-button-large" id="btnDel">删除人员DELETE</button>
<button class="uk-button uk-button-primary uk-button-large" id="btnList">查询列表PATCH</button>
</fieldset>
</div>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="uikit-2.3.1/js/uikit.min.js"></script>
<script type="text/javascript" src="uikit-2.3.1/addons/js/notify.min.js"></script>
<script type="text/javascript">
(function(window,$){
var dekota={
url:'',
init:function(){
dekota.url='<%=basePath%>';
$.UIkit.notify("页面初始化完成", {status:'info',timeout:500});
$("#btnGet").click(dekota.getPerson);
$("#btnAdd").click(dekota.addPerson);
$("#btnDel").click(dekota.delPerson);
$("#btnUpdate").click(dekota.updatePerson);
$("#btnList").click(dekota.listPerson);
},
getPerson:function(){
$.ajax({
url: dekota.url + 'person/101/',
type: 'GET',
dataType: 'json'
}).done(function(data, status, xhr) {
$.UIkit.notify("获取人员信息成功", {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
},
addPerson:function(){
$.ajax({
url: dekota.url + 'person',
type: 'POST',
dataType: 'json',
data: {id: 1,name:'张三',sex:'男',age:23}
}).done(function(data, status, xhr) {
$.UIkit.notify(data.msg, {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
},
delPerson:function(){
$.ajax({
url: dekota.url + 'person/109',
type: 'DELETE',
dataType: 'json'
}).done(function(data, status, xhr) {
$.UIkit.notify(data.msg, {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
},
updatePerson:function(){
$.ajax({
url: dekota.url + 'person',
type: 'POST',//注意在传参数时，加：_method:'PUT' 将对应后台的PUT请求方法
dataType: 'json',
data: {_method:'PUT',id: 221,name:'王五',sex:'男',age:23}
}).done(function(data, status, xhr) {
$.UIkit.notify(data.msg, {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
},
listPerson:function(){
$.ajax({
url: dekota.url + 'person',
type: 'POST',//注意在传参数时，加：_method:'PATCH' 将对应后台的PATCH请求方法
dataType: 'json',
data: {_method:'PATCH',name: '张三'}
}).done(function(data, status, xhr) {
$.UIkit.notify("查询人员信息成功", {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
}
};
window.dekota=(window.dekota)?window.dekota:dekota;
$(function(){
dekota.init();
});
})(window,jQuery);
</script>
</body>
</html>
一、spring 版本：spring-framework-3.2.7.RELEASE
二、所需其它Jar包：
三、主要代码：
web.xml
[java] view
plaincopy
<?xml version="1.0" encoding="UTF-8"?>
<web-app 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"
version="2.5">
<context-param>
<param-name>log4jConfigLocation</param-name>
<param-value>classpath:log4j.properties</param-value>
</context-param>
<context-param>
<param-name>log4jRefreshInterval</param-name>
<param-value>60000</param-value>
</context-param>
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext.xml</param-value>
</context-param>
<!-- 编码过虑 -->
<filter>
<filter-name>encodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<!-- Spring监听 -->
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!-- Spring MVC DispatcherServlet -->
<servlet>
<servlet-name>springMVC3</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springMVC-servlet.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springMVC3</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<!-- 解决HTTP PUT请求Spring无法获取请求参数的问题 -->
<filter>
<filter-name>HiddenHttpMethodFilter</filter-name>
<filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>HiddenHttpMethodFilter</filter-name>
<servlet-name>springMVC3</servlet-name>
</filter-mapping>
<display-name>UikitTest</display-name>
<welcome-file-list>
<welcome-file>/WEB-INF/jsp/index.jsp</welcome-file>
</welcome-file-list>
</web-app>
springMVC-servlet.xml
[html] view
plaincopy
<?xml version="1.0" encoding="UTF-8"?>
<beans default-lazy-init="true"
xmlns="http://www.springframework.org/schema/beans" xmlns:p="http://www.springframework.org/schema/p"
xmlns:tx="http://www.springframework.org/schema/tx" xmlns:aop="http://www.springframework.org/schema/aop"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
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.1.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.1.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.1.xsd">
<!-- 注解驱动 -->
<mvc:annotation-driven />
<!-- 扫描包 -->
<context:component-scan base-package="com.citic.test.action" />
<!-- 用于页面跳转,根据请求的不同跳转到不同页面，如请求index.do则跳转到/WEB-INF/jsp/index.jsp -->
<bean id="findJsp"
class="org.springframework.web.servlet.mvc.UrlFilenameViewController" />
<bean class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
<property name="mappings">
<props>
<prop key="index.do">findJsp</prop><!-- 表示index.do转向index.jsp页面 -->
<prop key="first.do">findJsp</prop><!-- 表示first.do转向first.jsp页面 -->
</props>
</property>
</bean>
<!-- 视图解析 -->
<bean class="org.springframework.web.servlet.view.UrlBasedViewResolver">
<!-- 返回的视图模型数据需要经过jstl来处理 -->
<property name="viewClass"
value="org.springframework.web.servlet.view.JstlView" />
<property name="prefix" value="/WEB-INF/jsp/" />
<property name="suffix" value=".jsp" />
</bean>
<!-- 对静态资源文件的访问 不支持访问WEB-INF目录 -->
<mvc:default-servlet-handler />
<!-- 对静态资源文件的访问 支持访问WEB-INF目录 -->
<!-- <mvc:resources location="/uikit-2.3.1/" mapping="/uikit-2.3.1/**" /> -->
<bean id="stringConverter" class="org.springframework.http.converter.StringHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/plain;charset=UTF-8</value>
</list>
</property>
</bean>
<!-- 输出对象转JSON支持 -->
<bean id="jsonConverter"
class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>
<bean
class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<ref bean="stringConverter"/>
<ref bean="jsonConverter" />
</list>
</property>
</bean>
</beans>
Controller：
[java] view
plaincopy
package com.citic.test.action;
import java.util.ArrayList;
import java.util.List;
import net.sf.json.JSONObject;
import org.apache.log4j.Logger;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import com.citic.test.entity.Person;
/**
* 基于Restful风格架构测试
*
* @author dekota
* @since JDK1.5
* @version V1.0
* @history 2014-2-15 下午3:00:12 dekota 新建
*/
@Controller
public class DekotaAction {
/** 日志实例 */
private static final Logger logger = Logger.getLogger(DekotaAction.class);
@RequestMapping(value = "/hello", produces = "text/plain;charset=UTF-8")
public @ResponseBody
String hello() {
return "你好！hello";
}
@RequestMapping(value = "/say/{msg}", produces = "application/json;charset=UTF-8")
public @ResponseBody
String say(@PathVariable(value = "msg") String msg) {
return "{\"msg\":\"you say:'" + msg + "'\"}";
}
@RequestMapping(value = "/person/{id:\\d+}", method = RequestMethod.GET)
public @ResponseBody
Person getPerson(@PathVariable("id") int id) {
logger.info("获取人员信息id=" + id);
Person person = new Person();
person.setName("张三");
person.setSex("男");
person.setAge(30);
person.setId(id);
return person;
}
@RequestMapping(value = "/person/{id:\\d+}", method = RequestMethod.DELETE)
public @ResponseBody
Object deletePerson(@PathVariable("id") int id) {
logger.info("删除人员信息id=" + id);
JSONObject jsonObject = new JSONObject();
jsonObject.put("msg", "删除人员信息成功");
return jsonObject;
}
@RequestMapping(value = "/person", method = RequestMethod.POST)
public @ResponseBody
Object addPerson(Person person) {
logger.info("注册人员信息成功id=" + person.getId());
JSONObject jsonObject = new JSONObject();
jsonObject.put("msg", "注册人员信息成功");
return jsonObject;
}
@RequestMapping(value = "/person", method = RequestMethod.PUT)
public @ResponseBody
Object updatePerson(Person person) {
logger.info("更新人员信息id=" + person.getId());
JSONObject jsonObject = new JSONObject();
jsonObject.put("msg", "更新人员信息成功");
return jsonObject;
}
@RequestMapping(value = "/person", method = RequestMethod.PATCH)
public @ResponseBody
List<Person> listPerson(@RequestParam(value = "name", required = false, defaultValue = "") String name) {
logger.info("查询人员name like " + name);
List<Person> lstPersons = new ArrayList<Person>();
Person person = new Person();
person.setName("张三");
person.setSex("男");
person.setAge(25);
person.setId(101);
lstPersons.add(person);
Person person2 = new Person();
person2.setName("李四");
person2.setSex("女");
person2.setAge(23);
person2.setId(102);
lstPersons.add(person2);
Person person3 = new Person();
person3.setName("王五");
person3.setSex("男");
person3.setAge(27);
person3.setId(103);
lstPersons.add(person3);
return lstPersons;
}
}
index.jsp
[html] view
plaincopy
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Uikit Test</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="uikit-2.3.1/css/uikit.gradient.min.css">
<link rel="stylesheet" type="text/css" href="uikit-2.3.1/addons/css/notify.gradient.min.css">
</head>
<body>
<div
style="width:800px;margin-top:10px;margin-left: auto;margin-right: auto;text-align: center;">
<h2>Uikit Test</h2>
</div>
<div style="width:800px;margin-left: auto;margin-right: auto;">
<fieldset class="uk-form">
<legend>Uikit表单渲染测试</legend>
<div class="uk-form-row">
<input type="text" class="uk-width-1-1">
</div>
<div class="uk-form-row">
<input type="text" class="uk-width-1-1 uk-form-success">
</div>
<div class="uk-form-row">
<input type="text" class="uk-width-1-1 uk-form-danger">
</div>
<div class="uk-form-row">
<input type="text" class="uk-width-1-1">
</div>
<div class="uk-form-row">
<select id="form-s-s">
<option>---请选择---</option>
<option>是</option>
<option>否</option>
</select>
</div>
<div class="uk-form-row">
<input type="date" id="form-h-id" />
</div>
</fieldset>
<fieldset class="uk-form">
<legend>基于Restful架构风格的资源请求测试</legend>
<button class="uk-button uk-button-primary uk-button-large" id="btnGet">获取人员GET</button>
<button class="uk-button uk-button-primary uk-button-large" id="btnAdd">添加人员POST</button>
<button class="uk-button uk-button-primary uk-button-large" id="btnUpdate">更新人员PUT</button>
<button class="uk-button uk-button-danger uk-button-large" id="btnDel">删除人员DELETE</button>
<button class="uk-button uk-button-primary uk-button-large" id="btnList">查询列表PATCH</button>
</fieldset>
</div>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="uikit-2.3.1/js/uikit.min.js"></script>
<script type="text/javascript" src="uikit-2.3.1/addons/js/notify.min.js"></script>
<script type="text/javascript">
(function(window,$){
var dekota={
url:'',
init:function(){
dekota.url='<%=basePath%>';
$.UIkit.notify("页面初始化完成", {status:'info',timeout:500});
$("#btnGet").click(dekota.getPerson);
$("#btnAdd").click(dekota.addPerson);
$("#btnDel").click(dekota.delPerson);
$("#btnUpdate").click(dekota.updatePerson);
$("#btnList").click(dekota.listPerson);
},
getPerson:function(){
$.ajax({
url: dekota.url + 'person/101/',
type: 'GET',
dataType: 'json'
}).done(function(data, status, xhr) {
$.UIkit.notify("获取人员信息成功", {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
},
addPerson:function(){
$.ajax({
url: dekota.url + 'person',
type: 'POST',
dataType: 'json',
data: {id: 1,name:'张三',sex:'男',age:23}
}).done(function(data, status, xhr) {
$.UIkit.notify(data.msg, {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
},
delPerson:function(){
$.ajax({
url: dekota.url + 'person/109',
type: 'DELETE',
dataType: 'json'
}).done(function(data, status, xhr) {
$.UIkit.notify(data.msg, {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
},
updatePerson:function(){
$.ajax({
url: dekota.url + 'person',
type: 'POST',//注意在传参数时，加：_method:'PUT' 将对应后台的PUT请求方法
dataType: 'json',
data: {_method:'PUT',id: 221,name:'王五',sex:'男',age:23}
}).done(function(data, status, xhr) {
$.UIkit.notify(data.msg, {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
},
listPerson:function(){
$.ajax({
url: dekota.url + 'person',
type: 'POST',//注意在传参数时，加：_method:'PATCH' 将对应后台的PATCH请求方法
dataType: 'json',
data: {_method:'PATCH',name: '张三'}
}).done(function(data, status, xhr) {
$.UIkit.notify("查询人员信息成功", {status:'success',timeout:1000});
}).fail(function(xhr, status, error) {
$.UIkit.notify("请求失败！", {status:'danger',timeout:2000});
});
}
};
window.dekota=(window.dekota)?window.dekota:dekota;
$(function(){
dekota.init();
});
})(window,jQuery);
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- SpringMVC+Json构建基于Restful风格的应用
- SpringMVC+Json构建基于Restful风格的应用
- SpringMVC+Json构建基于Restful风格的应用(转)
- SpringMVC+Json构建基于Restful风格的应用
- SpringMVC+Json构建基于Restful风格的应用
- SpringMVC+Json构建基于Restful风格的应用
- SpringMVC+Json构建基于Restful风格的应用
- SpringMVC+Json构建基于Restful风格的应用
- SpringMVC+Json构建基于Restful风格的应用
- SpringMVC+Json构建基于Restful风格的应用
- springMVC+json构建restful风格的服务
- SpringMVC Json构建基于Restful风格的应用
- springmvc构建restful风格应用
- SpringMVC之json数据交互，RestFul风格与拦截器实现
- 基于SpringMVC的Restful风格的增删改查--③删除员工信息
- Spring框架之基于Restful风格实现的SpringMVC
- SpringMVC+Json构建基于Restful api
- SpringMVC构建restful风格的网站
- 基于RESTful风格的SpringMVC的测试:MockMVC
- SpringMVC 构建Restful风格 及问题处理