登录功能实现-页面中错误提示
涉及的技术知识点
- 请求重定向
- 请求转发
- Jsp页面
- EL表达式
- JS简单应用
请求重定向 redirect
- Servlet接收到浏览器端请求并处理完成后，给浏览器端一个特殊的响应，这个特殊的响应要求浏览器去请求一个新的资源，整个过程中浏览器端会发出两次请求，且浏览器地址栏会改变为新资源的地址。
- 重定向的情况下，原Servlet和目标资源之间就不能共享请求域数据了
- 实现重定向的API
请求转发
- Servlet接收到浏览器端请求后，进行一定的处理，先不进行响应，而是在服务器端内部“转发”给其他Servlet程序继续处理。在这种情况下浏览器端只发出了一次请求，浏览器地址栏不会发生变化，用户也感知不到请求被转发了。
- 转发请求的Servlet和目标Servlet共享同一个request对象。
- 实现转发的API
重定向与转发的区别
| 转发 | 重定向 | |
| 浏览器地址栏 | 不改变 | 改变 |
| 发送请求次数 | 能 | 否 |
| 能否共享request对象数据 | 能 | 否 |
| 目标资源：WEB-INF下的资源 | 能访问 | 不能访问 |
| Request中绑定的数据是否可以传递 | 能 | 不能 |
JSP页面
1、JSP全称Java Server Pages，顾名思义就是运行在java服务器中的页面，也就是在我们JavaWeb中的动态页面，其本质就是一个Servlet。
2、其本身是一个动态网页技术标准，它的主要构成有HTML网页代码、Java代码片段、JSP标签几部分组成，后缀是.jsp
3、相比于Servlet，JSP更加善于处理显示页面，而Servlet跟擅长处理业务逻辑，两种技术各有专长，所以一般我们会将Servlet和JSP结合使用，Servlet负责业务，JSP负责显示。
4、一般情况下， 都是Servlet处理完的数据，转发到JSP，JSP负责显示数据的工作
5、JSP的基本语法:
6、JSP的脚本元素
脚本片段是嵌入到JSP中Java代码段，格式以<%开头，%>结尾，两个%号之间就可以编写Java代码了
7、JSP的表达式
①JSP表达式用来直接将Java变量输出到页面中，格式以<%=开头，以%>结尾，中间是我们要输出的内容
8、JSP的隐含对象
①out（JspWriter）：相当于response.getWriter()获取的对象，用于在页面中显示信息。
②config（ServletConfig）：对应Servlet中的ServletConfig对象。
③page（Object）：对应当前Servlet对象，实际上就是this。
④pageContext（PageContext）：当前页面的上下文，也是一个域对象。
⑤exception（Throwable）：错误页面中异常对象
⑥request（HttpServletRequest）：HttpServletRequest对象
⑦response（HttpServletResponse）：HttpServletResponse对象
⑧application（ServletContext）：ServletContext对象
⑨session（HttpSession）：HttpSession对象
9、EL表达式
①EL是JSP内置的表达式语言，用以访问页面的上下文以及不同作用域中的对象 ，取得对象属性的值，或执行简单的运算或判断操作。EL在得到某个数据时，会自动进行数据类型的转换。
②EL表达式用于代替JSP表达式(<%= %>)在页面中做输出操作。
③EL表达式仅仅用来读取数据，而不能对数据进行修改。
④使用EL表达式输出数据时，如果有则输出数据，如果为null则什么也不输出。
⑤EL表达式的语法:
⑥EL取值的四个域:
pageScope
requestScope
sessionScope
applicationScope
<%=5>3?"大于":"小于" %>
页面中错误提示的功能效果
JavaScript
1、在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。Netscape在最初将其脚本语言命名为LiveScript，因为Netscape与Sun合作，网景公司管理层希望它外观看起来像Java，因此取名为JavaScript。
2、特性
①脚本语言。JavaScript是一种解释型的脚本语言,C、C++、Java等语言先编译后执行, 而JavaScript是在程序的运行过程中逐行进行解释。
②基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
③简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言。
④动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。
⑤跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提是机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。
3、编写位置
①编写到HTML中
- onload
- onclick
- onblur
- onfocus
- onmouseover
- onmouseout
5、BOM
①Borwser Object Model 浏览器对象模型
②浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象
③常用的对象(window的子对象)
document history location screen navigator frames
6、DOM
①Document Object Model 文档对象模型
②document对象: window对象的一个属性，代表当前HTML文档，包含了整个文档的树形结构。获 取document对象的本质方法是：window.document，而“window.”可以省略。
③DOM树
④元素查询
| 功能 | API | 返回值 |
| 根据id值查询 | document.getElementById(“id值”) | 一个具体的元素节点 |
| 根据标签名查询 | document.getElementsByTagName(“标签名”) | 元素节点数组 |
| 根据name属性值查询 | document.getElementsByName(“name值”) | 元素节点数组 |
————————————————
版权声明：本文为CSDN博主「等我下课」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_41911570/article/details/83279327