1.1javaweb复习:监听器过滤器

1.1javaweb复习:监听器过滤器

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-098rMQSa-1595979192867)(F:\笔记\spring_note\image-20200725192845788.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5bYP7hLy-1595979192871)(F:\笔记\spring_note\image-20200725192951535.png)]

令牌机制(不懂

访问页面时生成一个令牌

第一次访问页面时生成,只要不刷新,f5重新发送请求,就不会变化

servlet第一次收到令牌进行对比,对比完毕,更换或者删除令牌

应用

防止表单重复提交,验证码

三大组件:servlet,fitler,listener

servlet:处理请求

fitler:过滤拦截请求

Listener:监听器

三大组件基本都需要在web.xml里进行注册

(Listen除了session独有的活化钝化监听器,绑定解绑监听器需要javabean实现,剩下的三大组件都要注册)

过滤器使用步骤

配置:

<fitler>
    <fitler-name>myfirstFitler </fitler-name>
    <fitler-class>com.xxx.fitler.myfirstclass</fitler-class>
</fitler>
//映射
<fiter-mapping>
<fitler-name></fitler-name>
    <fitler-url></fitler-url>
</fiter-mapping>

监听器

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FHNqX2bM-1595979192874)(F:\笔记\spring_note\image-20200726132718104.png)]

掌握的监听器

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y25eNq3N-1595979192880)(F:\笔记\spring_note\image-20200726132905487.png)]

  1. 实现对应监听器接口

  2. 去web.xml中进行配置

    注意:有两个不需要配,javabean中实现(httpsessionActionListenter,HttpsessionBlindListener)

json和ajax

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术

json

1.1、什么是
JSON JSON(JavaScript object Notation)(js对象标记法)是一种(和xml相比)轻量级的数据交换格式,

易于人阅读和编写,同时也易于机器解析和生成,它基于 JavaScript Programming language,Standard ECI-2623 rd Edition-December19的一个子集,JS0N采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C,C++,C#,Java,JavaScript,Perl,Python等),这些特性使JSON成为理想的数据交换语言,

12、JSON对象定义和基本使用
在标准的on格式中,jon对象由在括号括起来,对象中的属性也就是jon的key是一个字符串,所以一定要使用双引号引起来,每组key之间使用逗号进行分隔,

//index.jsp
<body>
    

<script type="text/javascropt">
{key:value,key:value}
value可以有很多种
1:基本的类型(字符串,数字,布尔值)
2:数组
3:对象
var student={
lastname:"张三",
age:18,
car:
{
pp:"宝马",
price:"3000"
},
info:[{
bookname:"西游记",
price:98.98},
18,true
]
};
//一个复杂的js对象
</script>
    </body>
//js对象好处;属性操作方便
//eg:获取car.pp
alert(student.car.pp);//宝马
alert(student.infos[2])//true

如果服务器返回给浏览器数据为js对象,浏览器使用js解析时会很方便

json:js对象进程传输(HTTP(只能传输文本))

//json的要求和js对象是一样的,只不过key必须是字符串‘
var student={
"lastname":"张三""age"18}

猜你喜欢

转载自blog.csdn.net/qq_44274233/article/details/107652452