什么Web2.0的特点?
1:注重用户贡献度
2:内容聚合RSS协议(每小块都个性化,单独加载单独请求,不用全部刷新--Ajax)
3:更丰富的用户体验
Ajax的概念?
"Asynchronous Javascript And XML"(异步JavaScript和XML)
1.不刷新整个页面,只刷局部页面,有利于节省带宽
2.提供连续的用户体验
3.提供类似于C/S的交互效果,操作更方便
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212322639-1673914100.png)
![](https://images2018.cnblogs.com/blog/1252584/201803/1252584-20180307230201996-1660162382.jpg)
javaScript的原生Ajax:
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212326593-511738086.png)
![](https://images2018.cnblogs.com/blog/1252584/201803/1252584-20180307230234228-1062212400.jpg)
事件:
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212328905-836255648.png)
属性:
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212329171-236476695.png)
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212330514-1155525148.png)
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212330749-445741415.png)
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212331983-739094451.png)
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212332202-905989768.png)
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212333311-654211753.png)
javaScript原生Ajax的使用:
A:使用原生态Ajax技术实现异步交互的步骤?
1:创建XMLHttpRequest对象
2:通过XMLHttpRequest对象设置请求信息
3:向服务器发送请求
4:创建回调函数,根据响应状态动态更新页面
5:编写服务端端处理客户端请求
用例:实现无刷新用户名验证!
1:当用户名文本框失去焦点时,发送请求到服务器,判断
用户名是否存在,
2:如果已经存在提示不能使用,如果不存在提示可以使用
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212335061-1044768863.png)
1.原生get方式提交
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212337858-327981924.png)
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212345014-442932650.png)
2.原生post方式提交
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212350218-1667780523.png)
jQuery 封装之后的Ajax:
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212352671-1546275481.png)
常用属性参数
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212354374-302693243.png)
常用函数参数
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212356702-221583996.png)
用例:
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212357561-129868642.png)
1.编写jQuery
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212400233-1193669831.png)
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212403280-1990483053.png)
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212403718-1826585444.png)
get方法的Ajax:
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212405374-1354367122.png)
![](https://images2018.cnblogs.com/blog/1252584/201803/1252584-20180307230318708-988960103.jpg)
用例:改造用户登录验证
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212408280-1025708677.png)
post方法的Ajax:
![](https://images2018.cnblogs.com/blog/1252584/201803/1252584-20180307230408050-258231024.jpg)
getJSON方法的Ajax:
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212413999-1338485949.png)
默认请求方式为get,返回json格式的数据
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212417452-1803897429.png)
.load方法的Ajax:
Ajax请求Servlet直接返回html页面的步骤?
1:管理员登录成功直接进入管理员界面
2:在管理员页面通过Ajax技术加载新闻数据
3:服务器直接生成展示所需的HTML片段
4:在管理员首页直接使用响应的HTML片段
![](https://images2017.cnblogs.com/blog/1252584/201712/1252584-20171216212422483-622727655.png)