传统Web应用请求和响应特点【显示当前时间】
(1)请求:浏览器以HTTP协议的方式提交请求到服务器
(2)响应:服务器以HTTP协议的方式响应内容到浏览器
注意:HTTP是WEB大众化非安全协议
HTTPS是WEB安全协议,是基于HTTP协议的,且加了一些加密等特殊功能,常用于在线支付,或者是需要安全性较高的网站中,例如:12306网站
HTTP请求有三个部份组成:请求行,请求头,请求体
HTTP响应有三个部份组成:响应行,响应头,响应体
(3)状态栏:有明显的进度条刷新现象,如果服务器响应较慢的话,进度条刷新也会变慢,IE9等中高版本浏览器,有明显转圈圈图标
(4)历史栏:会收集原来已访问过的web页面,进行缓存
(5)缺点:不需变化的大量数据,也全部刷新,造成浏览器加载和处理负担
(6)可改进的地方:让不需变化的大量数据,原封不动,不用缓存到历史栏中,无需全部刷新,只刷新某些需要变化的数据区域,例如:当前时间的区域
package loaderman.time; import java.io.IOException; import java.text.SimpleDateFormat; import java.util.Date; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * 回顾传统Web应用请求和响应特点【显示当前时间】 * @author AdminTC */ public class TimeServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { //测试 System.out.println("GET"); //构造SimpleDateFormat对象 SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); //将当前日期按照指定格式输出成字符串 String nowStr = sdf.format(new Date()); //将结果绑定到request域对象中 request.setAttribute("nowStr",nowStr); //转发到06_time.jsp页面 request.getRequestDispatcher("/06_time.jsp").forward(request,response); } }
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>传统Web应用请求和响应特点【显示当前时间】</title> </head> <body> 当前时间:${requestScope.nowStr}<br/> <input id="buttonID" type="button" value="获取当前时间"/><p/> <script type="text/javascript"> //定位按钮,同时添加单击事件 document.getElementById("buttonID").onclick = function(){ //发送请求到服务器 var url = "${pageContext.request.contextPath}/TimeServlet"; window.location.href = url; } </script> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> 静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本静态文本<br/> </body> </html>
最后,关注【码上加油站】微信公众号后,有疑惑有问题想加油的小伙伴可以码上加入社群,让我们一起码上加油吧!!!