龙空技术网

Spring框架学习第6天

tianlongbabu 143

前言:

今天同学们对“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表格数据格式