ajax基础1

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属性指定

的文件里