前言:
今天同学们对“ajaxjsp表格数据格式”大体比较注意,你们都需要了解一些“ajaxjsp表格数据格式”的相关资讯。那么小编在网络上网罗了一些对于“ajaxjsp表格数据格式””的相关内容,希望小伙伴们能喜欢,大家一起来了解一下吧!1.JSON数据交互
JSON数据格式概述——
JSON(JavaScript Object Notation, JS对象标记)是一种轻量级的数据交换格式。它是基于JavaScript的一个子集,使用了C、C++、C#、Java、JavaScript、Perl、Python等其他语言的约定,采用完全独立于编程语言的文本格式来存储和表示数据。这些特性使JSON成为理想的数据交互语言,它易于阅读和编写,同时也易于机器解析和生成。
与XML一样,JSON也是基于纯文本的数据格式。初学者可以使用JSON传输一个简单的String、Number、Boolean,也可以传输一个数组或者一个复杂的Object对象。
对象结构如下——
{
key1:value1,
key2:value2,
...
}
数组结构如下——
[ value1, value2, ... ]
上述两种(对象、数组)数据结构也可以分别组合构成更为复杂的数据结构。例如:一个person对象包含name、hobby和address对象,其代码表现形式如下。
{
"name": "zhangsan" ,
"hobby":["篮球", "羽毛球", "游泳"] ,
"address":{
"city":"Beijing" ,
"street":"Xisanqi" ,
"postcode":100096
}
}
需要注意的是,如果使用JSON存储单个数据(如“abc”),一定要使用数组的形式,不要使用Object形式,因为Object形式必须是“名称:值”的形式。
JSON数据转换
为了实现浏览器与控制器类(Controller)之间的数据交互,Spring提供了一个HttpMessageConverter<T>接口来完成此项工作。该接口主要用于将请求信息中的数据转换为一个类型为T的对象,并将类型为T的对象绑定到请求方法的参数中,或者将对象转换为响应信息传递给浏览器显示。
Spring为HttpMessageConverter<T>接口提供了很多实现类,这些实现类可以对不同类型的数据进行信息转换。其中MappingJackson2HttpMessageConverter是Spring MVC默认处理JSON格式请求响应的实现类。该实现类利用Jackson开源包读写JSON数据,将Java对象转换为JSON对象和XML文档,同时也可以将JSON对象和XML文档转换为Java对象。要使用MappingJackson2HttpMessageConverter对数据进行转换,就需要使用Jackson的开源包,开发时所需的开源包及其描述如下所示。
· jackson-annoations-2.8.8.jar:JSON转换注解包。
· jackson-core-2.8.8.jar:JSON转换核心包。
· jackson-databind-2.8.8.jar:JSON转换的数据绑定包。
下载地址——
在使用注解式开发时,需要用到两个重要的JSON格式转换注解,分别为@RequestBody和@ResponseBody
控制器代码如下——
package com.itheima.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import com.itheima.po.User;
@Controller
public class UserController {
/**
* 接收页面请求的JSON数据,并返回JSON格式结果
*/
@RequestMapping(value="/testJson")
public @ResponseBody User testJson(@RequestBody User user) {
// 打印接收的JSON格式数据
System.out.println(user);
// 返回JSON格式的响应
return user;
}
}
前端代码如下——
<%@page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
";>
<html>
<head>
<title>测试JSON交互</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js">
</script>
<script type="text/javascript">
function testJson(){
// 获取输入的用户名和密码
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
url : "${pageContext.request.contextPath }/testJson",
type : "post",
// data表示发送的数据
data : JSON.stringify({username:username, password:password}),
// 定义发送请求的数据格式为JSON字符串
contentType : "application/json; charset=UTF-8",
//定义回调响应的数据格式为JSON字符串,该属性可以省略
dataType : "json",
//成功响应的结果
success : function(data){
if(data != null){
alert("您输入的用户名为:"+data.username+
"密码为:"+data.password);
}
}
});
}
</script>
</head>
<body>
<form>
用户名:<input type="text" name="username" id="username"><br />
密  ;码: <input type="password" name="password"
id="password"><br /> <input type="button" value="测试JSON交互"
onclick=" testJson()" />
</form>
</body>
</html>
Spring容器配置如下——
<beans xmlns=";
xmlns:xsi=";
xmlns:mvc=";
xmlns:context=";
xmlns:tx=";
xsi:schemaLocation="
;>
<!-- 定义组件扫描器,指定需要扫描的包 -->
<context:component-scan base-package="com.itheima.controller" />
<!-- 配置注解驱动 -->
<mvc:annotation-driven />
<!--配置静态资源的访问映射,此配置中的文件,将不被前端控制器拦截 -->
<mvc:resources location="/js/" mapping="/js/**" />
<!-- 配置视图解析器 -->
<bean class=
"org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/jsp/" />
<property name="suffix" value=".jsp" />
</bean>
</beans>
编写了一个测试JSON交互的表单,当单击“测试JSON交互”按钮时,会执行页面中的testJson()函数。在函数中使用了jQuery的AJAX方式将JSON格式的用户名和密码传递到以“/testJson”结尾的请求中。需要注意的是,在AJAX中包含了3个特别重要的属性,其说明如下。
· data:即请求时携带的数据,当使用JSON格式时,要注意编写规范。
· contentType:当请求数据为JSON格式时,值必须为application/json。
· dataType:当响应数据为JSON时,可以定义dataType属性,并且值必须为json。其中dataType : "json"也可以省略不写,页面会自动识别响应的数据格式。
方法中的@RequestBody注解用于将前端请求体中的JSON格式数据绑定到形参user上,@ResponseBody注解用于直接返回User对象(当返回POJO对象时,会默认转换为JSON格式数据进行响应)。
配置静态资源访问的方式
除了使用<mvc:resources>元素可以实现对静态资源的访问外,还有另外两种静态资源访问的配置方式,具体分别如下。
(1)使用<mvc:default-servlet-handler>标签。在springmvc-config.xml文件中,使用<mvc:default-servlet-handler>标签,具体如下。
<mvc:default-servlet-handler />
在springmvc-config.xml中配置<mvc:default-servlet-handler />后,会在Spring MVC上下文中定义一个org.springframework.web.servlet.resource.DefaultServletHttpRequestHandler(即默认的Servlet请求处理器)。它会像一个检查员,对进入DispatcherServlet的URL进行筛查。如果发现是静态资源的请求,就将该请求转由Web服务器默认的Servlet处理,默认的Servlet就会对这些静态资源放行;如果不是静态资源的请求,才由DispatcherServlet继续处理
一般Web服务器默认的Servlet名称是"default",因此DefaultServletHttpRequestHandler可以找到它。如果使用的Web应用服务器默认的Servlet名称不是"default",则需要通过default-servlet-name属性显示指定,具体方式如下。
<mvc:default-servlet-handler default-servlet-name="Servlet名称" />
而Web服务器的Servlet名称是由使用的服务器确定的,常用服务器及其Servlet名称如下。· Tomcat、Jetty、JBoss和and GlassFish默认Servlet的名称——"default"。
· Google App Engine默认Servlet的名称——"_ah_default"。
· Resin默认Servlet的名称——"resin-file"。
· WebLogic默认Servlet的名称——"FileServlet"。
· WebSphere默认Servlet的名称——"SimpleFileServlet"。
(2)激活Tomcat默认的Servlet来处理静态文件访问。
激活Tomcat默认的Servlet时,需要在web.xml中添加以下内容。
<! --激活tomcat的静态资源拦截,需要哪些静态文件,再往下追加-->
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.css</url-pattern>
</servlet-mapping>
...
在上述代码中,配置了<servlet-mapping>元素来激活Tomcat默认的Servlet来处理静态文件,我们还可以根据需要继续追加<servlet-mapping>。此种配置方式和上一种方式本质上是一样的,都是使用Web服务器默认的Servlet来处理静态资源文件的访问。其中Servelt名称(即<servlet-name>元素的值)也是由使用的服务器来确定的,不同的服务器需要使用不同的名称。
2.RESTful支持
RESTful风格在HTTP请求中,使用put、delete、post和get方式分别对应添加、删除、修改和查询的操作。不过目前国内开发,还是只使用post和get方式来进行增删改查操作。
举例如下——
1.get请求为例编写控制器
/**
*接收RESTful风格的请求,其接收方式为GET
*/
@RequestMapping(value="/user/{id}", method=RequestMethod.GET)
public @ResponseBody User selectUser(@PathVariable("id") String id){
//查看数据接收
System.out.println("id="+id);
User user=new User();
//模拟根据id查询出到用户对象数据
if(id.equals("1234")){
user.setUsername("tom");
}
//返回JSON格式的数据
return user;
}
@RequestMapping(value="/user/{id}",method=RequestMethod.GET)注解用于匹配请求路径(包括参数)和方式。其中value="/user/{id}"表示可以匹配以“/user/{id}”结尾的请求,id为请求中的动态参数;method=RequestMethod.GET表示只接收GET方式的请求。方法中的@PathVariable("id")注解则用于接收并绑定请求参数,它可以将请求URL中的变量映射到方法的形参上,如果请求路径为“/user/{id}”,即请求参数中的id和方法形参名称id一样,则@PathVariable后面的“("id")”可以省略。
2.前端ajax调用如下
<%@page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ";>
<html>
<head>
<title>RESTful测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js">
</script>
<script type="text/javascript">
function search(){
// 获取输入的查询编号
var id = $("#number").val();
$.ajax({
url : "${pageContext.request.contextPath }/user/"+id,
type : "GET",
//定义回调响应的数据格式为JSON字符串,该属性可以省略
dataType : "json",
//成功响应的结果
success : function(data){
if(data.username != null){
alert("您查询的用户是:"+data.username);
}else{
alert("没有找到id为:"+id+"的用户!");
}
}
});
}
</script>
</head>
<body>
<form>
编号:<input type="text" name="number" id="number"> <input
type="button" value="搜索" onclick="search()" />
</form>
</body>
</html>
标签: #ajaxjsp表格数据格式