AJAX(Asynchronous Javascript and XML)---异步交互(通信)
1、 涉及的技术内容
1) 使用XHTML和CSS标准的显示技术;
2) 使用DOM进行动态显示和交互;
3) XML和XSLT进行数据交换和处理;
4) XMLHttpRequest进行数据的检索---浏览器内置的对象;
5) Javascript来将以上技术融合;
2、 异步通信工作原理(新思路)
同步:用户(在URL地址栏输入页面请求http://www.baidu.com)----服务器端接收到请求,进行相应处理(这段时间客户处于等待状态,后续操作被暂停)------
返回数据到客户端----客户才能继续操作
异步:用户(在URL地址栏输入页面请求http://www.baidu.com)--
服务器接受信息(函数或者新方法等待接受信息)-----客户端继续向
下执行(如果服务器处理请求结束,结果返回到新方法,)-----浏览器
只处理所需的数据(不涉及整个页面的刷新)
3、 功能
1) 改善表单验证方式,不需要打开新的页面,也不需要进行整个
页面的提交;
2) 不需要刷新,减少了客户的等待时间;
3) 按需要获取数据信息;
4) 读取外部的数据,进行整合;
5) 异步交互
4、 登录的案例
1) 服务器端文件demo.php
功能:验证用户名称的合法性
2) 前台页面index.html
功能:显示输入用户名的区域
jquery 是一个Javascript库,简化编程过程
ajax的一个框架;
使用:<script type=”text/javascript” src=”文件”></script>
GET:将信息通过URL地址栏进行传递;
POST:将信息通过HTTP方式进行传递;
浏览器显示:html\css\javascript等类型页面—调用组件
Xml-----activeXObject(支持多媒体功能、效果等)
同步:
一个表单包含所有信息(用户、口令、身份证等)
Submit 作用:针对表单对象,点击后执行---将表单区域包含
所有数据通过method属性指定的方式发送到action属性指定
的文件里