JavaWeb是用Java技术来解决相关web互联网领域的技术总和。Java提供了技术方案可以解决客户端和服务器端的实现,特别是服务器的应用,比如Servlet,JSP和第三方框架等等。
1. http协议
超文本传输协议,是一种应用层的网络传输协议
- http协议的特点:
- 简单,快速:支持多种不同的的数据提交方式,如get/post
- 数据传输灵活,支持任意类型数据的传输
- 无连接协议:每次连接,只处理一次请求,进行一次响应,响应完毕,立即断开。
- 无状态协议:处理请求与响应时没有记忆能力,如果需要处理之间的信息,只能重新传递。
- http协议的组成部分:
- 请求:浏览器连接服务器的过程
- 响应:服务器回复浏览器的过程
- http协议的请求:
- 请求头:描述客户端的信息
- 请求体:GET没有请求体,请求体用于存储POST请求发送的数据。
- 请求空行:请求头与请求体之间的一行空白
- 请求行:描述请求方式,服务器地址,协议版本等
- http协议的响应:
- 响应头:描述服务器的信息
- 响应体:响应的内容,文本,json数据等。
- 响应行:描述服务器协议版本,响应状态码,以及响应成功或失败的解释。
2. Servlet
servlet是一个运行在tomcat上的Java类,用户通过浏览器输入地址,触发这个类,这个类执行完毕,准备一个响应体,发送给浏览器。
2.1 Servlet编写步骤:
编写一个Java类,继承HttpServlet类
重新service方法
在service方法中,对用户请求进行响应。
//注解:添加访问的网址 @WebServlet("/hello") public class MyServlet extends HttpServlet { private static final long serialVersionUID = 1L; @Override public void service(ServletRequest req, ServletResponse res) throws IOException { //1.设置响应体的编码,以及内容类型 res.setContentType("text/html;charset=utf-8"); //2.得到响应体输出的打印流 PrintWriter out = res.getWriter(); //3.打印文字 out.println("
Hello Servlet!
"); } }
2.2 配置ervlet类的访问网址
web3.0版本之后使用注解的方式配置ervlet类的访问网址
web3.0版本之前配置Servlet访问网址的方式:
- 将Servlet类,配置到web.xml中,告知tomcat,servlet的类名
- 配置Servlet类的别名,并给指定别名的Servlet添加映射网址。
demo1 day01_Servlet.demo1.MyServlet demo1 /hello
2.3 Servlet生命周期
- 实例化 --> 初始化(init) --> 服务(service) --> 销毁(销毁之前调用destory) --> 不可用
- 创建时机:默认情况下,当用户第一次访问Servlet的映射网址是Servlet对象被创建,后续用户再次访问,是重复利用此对象。
- 销毁时机:当tomcat关闭时 或 应用从tomcat卸载时。
- tomcat为了便于我们进行资源的合理缓存,为生命周期事件提供了三个方法:
- init(); 当Servlet对象被创建时,方法执行,通常在这里进行一些可重用资源的初始化工作。
- service(); 服务方法,当用户每次发起请求时,此方法用于处理请求,并进行响应,此方法每次都执行在新的线程中。
- destory(); 当Servlet即将被销毁时,方法执行,释放资源的代码可写在此方法中。
2.4 get和post区别
- GET请求:
- 没有请求体,请求时携带参数在url中,参数在url地址的?后,参数由=连接的键值对组成,&连接键值对。
- 只能传输字符串类型参数
- 浏览器url地址最大长度4kb
- 数据传输时,参数在url中明文显示,不安全。
- POST请求:
- 有请求体,是一个单独的数据包,用于存储请求中的多个参数
- 可传输任意类型的数据,进行文件上传必须POST请求
- 可以传递的数据大小,理论上没有上限
- 数据传输时在单独的数据包,较为安全。
2.5 接收请求中的参数
根据参数的名称,接收参数的单个值
- String value = request.getParameter(String name);
根据参数的名称,接收一组参数的值
- String[] values = request.getParameterValues(String name);
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); response.setContentType("text/html;charset=utf-8"); //1.接收 String username = request.getParameter("username"); String[] password = request.getParameterValues("password"); //2.打印 System.out.println("username:" + username); System.out.println("password:" + password[0]); System.out.println("password2:" + password[1]); //3.浏览器输出 response.getWriter().append("
很遗憾注册失败,点击<a href="demo1.html">重新注册");}
2.6 乱码处理
2.6.1 乱码情况:
- 浏览器提交表单时,会对中文参数值进行自动编码。Tomcat服务器接收到的浏览器请求后,默认使用iso-8859-1去解码,当编码与解码方式不一致时,就会乱码。
- tomcat8版本之前(不包含tomcat8版本), GET请求乱码
- 任何版本, POST请求乱码
2.6.2 请求乱码处理:
适用于所有乱码问题:(Tomcat8之后get无乱码)
- 指定浏览器打开页面的编码
<meta charset="UTF-8">
; - 将接收到的中文乱码重新编码:
String name = request.getParameter("userName"); String userName = new String( name.getByte("ISO-8859-1"),"utf-8");
- 指定浏览器打开页面的编码
仅适用于POST请求:
- 指定浏览器打开页面的编码
<meta charset="UTF-8">
; - Servlet接收之前设置解码(需在调用request.getParameter("key")之前设置)
request.setCharacterEncoding("utf-8")
;
- 指定浏览器打开页面的编码
2.6.3 响应乱码的处理:
- 方式一:设置响应的内容类型, 以及编码格式:
response.setContentType("text/html;charset=utf-8")
; - 方式二:进设置编码格式, 不设置响应内容类型:
response.setCharacterEncoding("UTF-8")
(常用于客户端不是浏览器的情况, 如果在浏览器的环境下设置, 有部分浏览器无法识别, 依然会乱码);
2.7 Servlet的创建时机
通过web.xml配置Servlet, 可以修改Servlet加载的时机。
可以给Servlet节点,添加
<load-on-startup>
节点来制定servlet启动顺序。节点中的值为数字:
-1
:默认-1,表示当用户第一次请求时,创建对象>=0
:大于等于0,当服务器启动时,创建对象,值越小创建越早,值相同按web.xml配置顺序创建
s1 demo.ServletDemo 1 s1 /s1
3. 请求的转发与重定向
3.1 请求对象request的常用操作
- getMethod() : 得到请求的方式
- getRequestURI() : 获取浏览器请求地址
- getRemoteAddr() : 获取客户端ip地址
- getRemoteHost() : 获取客户端名称
- getServerName() : 获取服务器名称
- getServerPort() : 获取服务器端口号
- getQueryString() : 获取get请求参数字符串,其他请求返回null
3.1 请求的转发与重定向注意事项
- 请求转发与重定向操作,必须要有出口。
- 当一个请求在servlet中进行了重定向,那么这个servlet就不要再进行响应了
3.2 转发*
- 一个web组件,将未处理完毕的请求,通过tomcat转交给另一个web组件处理
- 步骤:
- 获取请求转发器:
RequestDispather rd = request.getRequestDispacher("转发地址");
- 进行转发操作:
rd.forward(request, response);
- 获取请求转发器:
- 因为通常请求转发器获取后, 只会使用一次 , 一般不给对象起名, 简写:
request.getRequestDispacher("转发地址").forward(request, response);
- 特点:
- 转发过程中,多个web组件之间共享一个请求对象request与响应对象response
- 在转发过程中,无论转发多少次,浏览器只发起了一次请求,所以浏览器地址不会改变
- 转发不能跨项目实现
- 比重定向效率更高
3.3 重定向*
- 一个web组件,处理完毕请求后,告知浏览器,将请求转向另一个地址
- 格式:
response.sendRedirect("重定向地址")
; - 原理:当客户端请求服务器时,发起重定向流程:
- 给浏览器响应302的状态码 , 以及一个键值对, 键为: location , 值为重定向新地址.
- 当浏览器接收到302的状态码时, HTTP协议规定了浏览器会寻找location对象的新地址.
- 浏览器自动发起新的请求 , 跳转到新地址.
- 特点:
- 重定向会产生两个请求对象,多个请求对象中数据不互通
- 浏览器地址发生了改变
- 重定向可以跨域实现
- 比转发效率低
4. 上下文对象ServletContext
- 用于关联多个servlet,是servlet之间通讯的桥梁,用于多个servlet之间的信息共享
- 每一个项目运行时,tomcat会为这个项目创建一个servletContext,项目关闭时销毁。
获取ServletContext对象:ServletContext context = getServletContext();
- 常用方法
- context.setAttributes(String key, Objexct value); //设置替换数据
- context.getAttributes(String key); //获取数据
- context.removeAttributes(String key); //删除数据
- context.getRealPath("/"); //获取项目运行时所在文件路径
5. 会话跟踪(状态管理)
存在两种实现:
- cookie: 将浏览器产生的状态存储在浏览器中
- Session: 将浏览器产生的状态存储在服务器中
cookie技术原理:
- 服务器向客户端响应时,将数据以set-Cookie消息头(响应头)的方式发给浏览器,
- 浏览器接收到cookie后,会将这些数据以文本文件的方式(.txt文件)保存起来
- 当浏览器再次发起相同请求时,浏览器会将之前存储的cookie,添加到请求头,发给服务器
Session技术原理:
- 当浏览器访问服务器时,服务器可以选择为用户创建一个Session对象(类似于map集合),
- 该Session对象有一个id属性,称之为SessionId,服务器会将这个SessionId以cookie方式发送给浏览器
- 浏览器再次访问服务器时,同时会传递SessionId的cookie给i服务器,服务器根据sessionId找到Session对象,供程序使用。
5.1 Cookie
- 创建Cookie:Cookie在Java中是一个类,每个cookie的对象都表示一个键值对
Cookie cookie = new Cookie(String key, String value);
- 注意:tomcat8.5版本之前,cookie无法出场中文
- 通过响应对象,将cookie添加到响应头,可添加多个
- response.addCookie(Cookie cookie);
- 通过请求头得到cookie数组,没有则返回null
- Cookie[] cookies = request.getCookies();
- 取键:cookie.getName();
- 取值:cookie.getValue()
- Cookie的存储时长:
- cookie.setMaxAge(int 秒);
- 正数:倒计时秒数
- 0:表示立即删除此cookie,常用于覆盖一个存活时长较长的cookie,用于删除它
- 负数:默认-1,表示会话结束时自动删除(关闭浏览器)
- cookie.setMaxAge(int 秒);
- Cookie的存储路径问题
- 存储的cookie发送到服务器时,判断是否发送的依据是:域名相同,路径相同
- 为了避免路径问题,通常会将cookie设置统一路径为根路径:cookie.setPath("/");
5.2 Cookie的优缺点
- 缺点:
- Cookie技术存储的数据类型,只能是字符串,且早期版本(8.5之前)不可存储中文。
- 数据存储在客户的计算机中,不安全,不建议存储安全敏感数据
- 保存数据量有限制,大约4kb左右
- 依赖于用户的浏览器设置,用户可以金庸cookie,可能被用户主动删除
- 优点:
- 分散服务器的压力
5.3 Session
- 获取Session
- 格式1:request.getSession();//等价参数传true
- 格式2:request.getSession(boolean isNew);
- true,根据浏览器的SessionId查找一个session,若没有就新创建一个对象并返回
- false,根据浏览器的SessionId查找一个session,若没有就返回null
- Session常用方法
- session.setAttribute(String key, object value);//设置/替换值
- session.getAttribute(String key);//获取值
- session.invalidate();//销毁
- 设置session存活时长
- 默认会话时长30分钟,当浏览器最后一次访问服务器后30分钟后,若没有再次连接,则session被销毁。
- 可以通过修改配置文件,修改所有的session时长
- 修改
conf/web.xml
的<session-config><session-tiomeout>数值分钟</session-tiomeout></session-config>
- 修改
- 可以通过session对象,修改单个对象的session时长
- void session.setMaxInactiveInterval(int seconds)
5.4 Session的优缺点
- 缺点:
- 数据存储在服务器端,当用户量大时,对服务器造成极大的压力,很容易耗尽服务器资源
- 优点:
- 数据存储在服务器中,安全
- 数据类型为Object,在Java中表示可以存储所有类型的数据
- session存储的数据大小,理论上无限的。
5.5 Cookie和Session的使用
- Cookie和Session不是互斥的,是相辅相成的
- 在项目开发时:
- 对安全敏感的数据,存储在session中
- 对安全不敏感的字符串数据,可以选择存储在Cookie中
- 对于大的数据,应该存在数据库和文件中
注意:cookie和session是为了管理状态而非存储数据。
6.JSP
6.1 JSP语法基础
Java Server Pages:java动态网页技术
JSP引擎原理:JSP引擎读取JSP文件,将文件转换为Servlet,由servlet给用户响应
注意:
- JSP文件的转换 发生在服务器启动时,当用户访问JSP时,其实访问的是JSP文件转换的Servlet
- 执行流程:浏览器请求-->tomcat-->JSP引擎转换为Servlet-->转换的Servlet-->准备响应体-->响应给浏览器-->浏览器解析html
JSP语法结构
- html代码
- Java代码
- Jsp特有的语法结构
Java代码声明区:指的是类的成员位置
<%! // Java代码声明区 %>
Java代码执行区:指的是Servlet的service方法中,每次用户请求,执行区的代码都会执行起来
<% // Java代码执行区 %>
JSP输出表达式
- 用于快速的将Java中的数据,输出到网页中..
- 语法格式:
<%=数据 %>
,编译后被转换成out.print(数据)
JSP注释:
- html中可以用
<!-- -->
- java中可以用
//,/**/,/** */
- jsp注释
<%-- --%>
- html和java注释会被编译,其中html注释会被编译到页面,jsp注释编译器会自动忽略
- html中可以用
6.2 JSP三大指令
page指令
include指令
taglib指令
指令使用格式:<%@ 指令名称 属性1=值 属性2=值 属性n=值 %> *语法上,JSP允许在单个页面出现多个相同的JSP指令
6.2.1 page指令
用于配置页面信息
<%@ page language="java":语言 contentType="text/html;charset=utf-8":响应的内容类型,以及响应的编码格式 pageEncoding="UTF-8":文件存储的编码格式 extends="继承的父类" buffer="数字/none":是否允许缓存,默认值8kb autoFlush="true/false":是否自动清除缓存,默认true session="true/false":是否提前准备session对象,默认true isThreadSafe="true/false":是否线程安全的 import="java.util.List":用于导包,多个包使用","隔开 errorPage="网址":当页面发生BUG后,显示哪个页面 isErrorPage="true/false":当前页面是否是一个错误处理页面,如果结果为true,当别的页面产生错误,跳转到此页面,会提前准备好一个对象exception,此对象封装了错误信息 %>
6.3 项目发生错误时,统一的处理方式
打开项目的web.xml
加入子节点
<error-page><error-code>错误码</error-code><location>处理网址</location></error-page>
500 /error.jsp 404 /404.jsp
- include指令:用于将jsp或html引入到另一个jsp中
- 语法格式:
<%@ include file="地址" %>
- 语法格式:
- include动作:用于将jsp或html引入到另一个jsp中
- 语法格式:
<jsp:include page="地址">
- 语法格式:
include指令 与 include动作区别:
- include指令:引入文件操作,是在JSP引擎的转换时发生,将多个jsp文件,生产为了一个Servlert(多个jsp => 一个Servlet)
- include动作:引入文件操作,是在浏览器请求时,将引用文件的响应体添加到了请求文件的响应体中(多个jsp => 多个Servlet)
7.内置对象(隐含对象)
- 在JSP中,我们的代码执行在service中,所谓内置对象,指的是在JSP引擎转换时期,在我们代码生成位置的上面,提前准备好的一些变量,对象。
- 内置对象通常是我们会主动创建的对象
7.1 九大内置对象
- request
- 对象类型:java.servlet.HttpServletRequest
- request内置对象中包含了有关浏览器请求的信息,提供了大量get方法,用于获取cookie、header以及session内数据等。
- response
- 对象类型:javax.servlet.HttpServletResponse
- response对象提供了多个方法用来处理HTTP响应,可以调用response中的方法修改ContentType中的MIME类型以及实现页面的跳转等。
- config
- 对象类型:javax.servlet.ServletConfig
- 在Servlet初始化的时候,JSP引擎通过config向它传递信息。这种信息可以是属性名/值匹配的参数,也可以是通过ServletContext对象传递的服务器的有关信息。
- out
- 对象类型:javax.servlet.jsp.JspWriter
- 在JSP开发过程中使用得最为频繁的对象
- page
- 对象类型:java.lang.Object
- page对象有点类似于Java编程中的this指针,就是指当前JSP页面本身。
- pageContext
- 对象类型:pageContext
- pageContext对象是一个比较特殊的对象。它相当于页面中所有其他对象功能的最大集成者,即使用它可以访问到本页面中所有其他对象
- session
- 对象类型:java.servlet.http.HttpSession
- session是与请求有关的会话期,用来表示和存储当前页面的请求信息。
- application
- 对象类型:javax.servlet.ServletContext
- 用于实现用户之间的数据共享(多使用于网络聊天系统)。
- exception
- 对象类型:java.lang.Throwable
- 作用 exception内置对象是用来处理页面出现的异常错误。
7.2 JSP四大域对象
- 九大内置对象中,存在四个较为特殊的对象,这四个对象用户在不同的作用域中存储数据,获取数据,删除数据
- 域对象的特点:每一个内置对象,都类似一个Map集合,可以存取删除数据,都具备如下三个方法:
- 存储数据:setAttribute(String key, Object value);
- 获取数据:Object value = getAttribute(String);
- 删除数据: removeAttribute(String key);
- 四大内置对象,分别指的是:
- pageContext: (作用域:1个页面) * 页面上下文,存储在pageContext中的数据, 作用域是最小的, pageContext在JSP代码执行时 创建, 在JSP代码执行完毕时, 销毁.
- request: (作用域:一次请求,如果请求被转发,可能跨越多个页面) * 请求对象, 存储在请求对象中的数据, 域范围是一次请求, 请求一旦进行了响应, 就会被销毁.
- session: (作用域:一次会话,一次会话可能包含多个请求) * 会话对象,存储在会话对象中的数据,只有在当前用户会话中可以使用,用户再次访问服务器的时间间隔超过30分钟,session就销毁了。
- application: (域范围:一次服务,应用从启动到关闭application一直都在) * Servlet上下文对象, 存储在application中的数据, 域范围是最大的. 在应用关闭之前 都可以使用.
7.3 EL表达式
- 用于将计算的结果输出到网页,也常用于快速的从域对象中取出数据,并输出到网页。
- 格式:
${表达式}
- EL表达式用于运算
- 在JSP中, 可以直接使用el表达式运算一些数据,例如: ${123+123} , 最终网页中显示的效果是: 246
- 用于取出域对象中的数据
- 取出数据直接输出:
${域对象中存储的键}
- 如果取出的数据不存在, 则不输出 (不可能显示null)
- 取出数据直接输出:
- 取出对象数据的属性值:
- 格式1: ${对象存储的键.属性名}
- 格式2: ${对象存储的键["属性名"]}
- 格式3(动态取值): ${对象存储的键[属性存储的键]}
- 取出集合中的数据
- 格式: ${集合存储时的key[下标]}
7.4 EL表达式取出数据的流程
- 四个域对象之间, 有时数据的键可能重复,优先从域范围较小的对象中, 取出数据.
- 步骤:
- 先从pageContext中, 寻找数据是否存在.
- 如果pageContext中数据不存在, 则去request中寻找数据是否存在
- 如果request 中数据不存在, 则去session中寻找数据是否存在
- 如果session中数据不存在, 则去application中寻找数据是否存在
- 如果application中数据不存在,则不输出任何数据.
8. taglib指令
用于在JSP文件中,引入标签库文件。
- 格式:
<%@ taglib prefix="" uri="" %>
- prefix: 是引入标签库后,标签库的名称。作用是用于区分引入的多个标签库,在使用标签库中的标签时,标签的写法:
<标签库名称:标签名>
- uri: 每个标签库,都会拥有一个uri,它是用于区分标签库的,我们在引入这个库时,需要匹配uri属性
- prefix: 是引入标签库后,标签库的名称。作用是用于区分引入的多个标签库,在使用标签库中的标签时,标签的写法:
- JSTL(JSP Standard Tag Library): JSP标准标签库
- 使用时,需要引入jar文件
- if 标签,格式:<库名称:if text="${ booble }">
- forEach 标签,格式:<库名称:forEach items="${ List }" var="item">
- 自定义标签库:
- 编写一个Java类, 继承SimpleTagSupport类.
- 重写父类的doTag方法.
- 在doTag方法中, 通过getJspContext方法, 的到JSP页面的上下文
- 通过上下文对象, 得到JSP中的out对象,
- 通过out对象, 向网页中输出内容
- 编写tld文件 , 描述标签库 以及 标签.
自定义标签库案例:
public class MyTag1 extends SimpleTagSupport {
private static ArrayList<String> data = new ArrayList<>();
static {
data.add("流水在碰到底处时才会释放活力。——歌德");
}
@Override
public void doTag() throws JspException, IOException {
JspContext context = getJspContext();
JspWriter out = context.getOut();
Random r = new Random();
int index = r.nextInt(data.size());
out.println("<span>"+data.get(index)+"</span>");
}
}
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
version="2.0">
<!-- 描述标签库 -->
<!-- 是对于标签库的介绍 -->
<description>我们这个标签库, 是闲的慌 , 所以写的.</description>
<!-- 描述标签库的名称 -->
<display-name>xdl</display-name>
<!-- 标签库的版本 -->
<tlib-version>11.88</tlib-version>
<!-- 建议的短命名称 -->
<short-name>xdl</short-name>
<!-- 标签库的表示, 用于引入时匹配标签库 -->
<uri>http://shuidianshuisg.com</uri>
<!-- 开始描述标签 -->
<tag>
<!-- 对于标签的介绍 -->
<description>这个标签用于随机向网页中, 输出一句名言</description>
<!-- 标签名称 -->
<name>heiheihei</name>
<!-- 标签所对应的的Java类 -->
<tag-class>cn.xdl.tag.MyTag1</tag-class>
<!-- 标签的内容 -->
<body-content>empty</body-content>
</tag>
</taglib>
9. JavaWeb三大组件(Servlet,filter,Lister)
9.1 Filter过滤器
请求的过滤器,面向切面编程思想(AOP)
使用步骤:
- 编写一个类,实现Filter接口
- 通过注解或web.xml配置过滤器规则
过滤器链:
- 当多个过滤器,过滤同一个请求地址时,就形成了过滤器链,所有过滤器都放行后,servlet才会处理用户请求
过滤器链执行顺序:(若同时包含注解与web.xml,优先执行web.xml)
- 注解方式:按照类名的自然顺序先后
- web.xml配置方式:按照web.xml配置顺序,先后执行
案例:
@WebFilter("/home.jsp") public class AdminFilter implements Filter { /** * 当Filter即将销毁时执行 / @Override public void destroy() { } /* * 有新的请求, 满足了过滤器的过滤规则, 正在过滤 * 参数1. 请求对象 * 参数2. 响应对象 * 参数3. 过滤器链对象 / @Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { System.out.println("过滤管理员登录的过滤器 正在执行"); //1. 从请求中, 得到session HttpServletRequest req = (HttpServletRequest) request; HttpSession session = req.getSession(); //2. 判断session中是否存在username Object username = session.getAttribute("username"); //3. 如果存在, 且值为admin , 则放行 if(username !=null && username.equals("admin")) { //放行 chain.doFilter(request, response); }else { //4. 否则拦截, 并响应, 提示请先以管理员身份登录 response.getWriter().append(""); } } /* * 当Filter初始化时 执行 */ @Override public void init(FilterConfig arg0) throws ServletException { } }
web.xml配置方式
encoding cn.xdl.demo1.EnCodingFilter encoding /home.jsp
9.2 Listener监听器
- 监听服务器的一些状态事件,事件驱动机制。
- 分为两类状态事件:
- 服务器中组件的生命周期
- 一些域对象中数据变化的事件
- 监听服务器的启动与关闭:ServletContextListener
- 监听ServletContext中数据的增加,删除,以及替换:ServletContextAttributeListener
- 监听Session会话的开启与关闭:HttpSessionListener
- 监听session中数据的增加,删除,以及替换:HttpSessionAttributeListener
10. JSON在Java中的使用
JSON:JavaScript Object Notation
GSON.jar,将Java中的对象转换为JSON字符串,将JSON字符串转换为Java中的对象
//引入jar文件 Gson g = new Gson(); String str = g.toJson(Java对象);//转换JSON字符串 类型 对象名 = g.fromJson(Json字符串, 类型.class);//转换为Java对象
11. AJAX
- 一种用于网页异步请求的技术,用于与服务器进行异步交互以及对网页局部刷新操作
- Ajax请求的状态(readyState)
- 0:正在初始化
- 1:请求正在发送
- 2:请求发送完毕
- 3:服务器开始响应
- 4:响应接收完毕,连接断开
- Ajax响应的状态(status)
- 200:成功
- 404:找不到资源
- 500:服务器错误
11.1 GET请求AJAX
var xhr = new XMLHttpRequest();
xhr.open("GET", "地址?参数列表");
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
//通过xhr.responseText接收响应体
}else{
//失败处理
}
}
xhr.send();
11.2 POST请求AJAX
var xhr = new XMLHttpRequest();
xhr.open("POST", "地址");
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
//通过xhr.responseText接收响应体
}else{
//失败处理
}
}
//POST请求设置请求头
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(参数列表); //发送请求参数
11.2 Jquery中的AJAX
$.ajax({url,[settings]})
$.ajax({ url:"请求的网址", type:"请求方式GET/POST...", async:"请求是否异步, 默认true", data:"请求的参数列表, 格式与GET请求?后的格式一致", dataType:"TEXT或JSON",//服务器返回的数据类型 success:function(data){//当服务器响应状态码在200-299之间时, 这里执行 //参数data:就是响应的内容, 当dataType为TEXT时, 类型为string , 当dataType为JSON时, 类型为Object }, error:function(){} //当服务器响应状态码不再200-299之间时, 这里执行 });
$.get(url, [data], [callback], [type])
$.get("请求的网址", { 请求参数键值对 },function(data){ //data:响应的内容 });
$.post(url, [data], [callback], [type])
$.post("请求的网址", { 请求参数键值对 },function(data){ //data:响应的内容 }, "json");
$.getJSON(url, [data], [callback])
$.getJSON("请求的网址", { 请求参数键值对 },function(data){ //data:响应的内容 });
jquery对象.load(url, [data], [callback])
载入远程 HTML 文件代码并插入至 DOM 中,load函数是使用jquery对象来调用.返回的结果无需解析, 直接显示到调用函数的jquery对象中。
$("#dom").load("请求的网址", { 请求参数键值对 },function(){ //加载成功 });
11.3 Vue中的AJAX
使用vue的ajax , 除了需要引入vue.js以外, 还需要引入vue-resource.js
不创建Vue对象的情况下, 使用的ajax:
Vue.http.get("请求地址",["请求的参数"]).then(success,error)
;Vue.http.post("请求地址",["请求的参数"],{"emulateJSON":true}).then(success,error)
;
创建Vue实例, 使用ajax
this.$http.get("请求地址",["请求的参数"]).then(success,error)
;this.$http.post("请求地址",["请求的参数"],{"emulateJSON":true}).then(success,error)
;
//GET请求: 传递参数列表: { params:{ 参数名1:值1, 参数名2:值2 ... } } POST请求: 传递参数列表: { 参数名1:值1, 参数名2:值2 ... }
success函数 与 error函数
- 格式: function(res){} //res , 就是响应对象, 包含了响应的相关信息
- 响应对象的常用属性:
- url : 响应的网址
- body : 响应的内容 (响应体) , 如果是JSON格式, 则返回对象, 否则返回string
- ok : boolean值, 响应码在200-299之间时 为 true
- status : 响应码, 例如: 200,302,404,500
- statusText :响应码对应的文字信息, 例如: 状态码为200时, 信息为ok
- 响应对象的常用函数:
- text() : 以字符串的形式, 返回响应体
- json() : 以对象的形式, 返回响应体
- blob() : 以二进制的形式 , 返回响应体.
11.4 AJAX缓存问题
- 浏览器ajax得到响应结果后, 会缓存起来,当再次访问相同地址时, 会优先使用缓存。
- 缓存的原理, 是按照网址来缓存的, 我们只要让我们每次请求的网址都不一样, 就可以避免缓存出现。
- 在请求地址加上随机参数可以比避免缓存,如:
"s1.do?time="+new Date().getTime();
11.5 AJAX跨域问题
- 默认编写的Servlet . 不允许其他网站的ajax跨域请求.
- 我们只需要给servlet的响应头中加入两个键值 , 就可以允许跨域:
response.addHeader("Access-Control-allow-Origin","*")
;response.addHeader("Access-Control-allow-Methods","GET,POST")
;