ajax简介

 

AJAX(Asynchronous javascript and XML)-----异步交互（通信）

1、  涉及的技术内容

1）  使用XHTML和CSS标准的显示技术

2）  使用DOM进行动态显示和交互

3）  XML和XSLT进行数据的交换和处理

4）  XMLHttpRequest进行数据的检索-----浏览器内置的对象

5）  Javascript来将以上技术融合                

2、  异步通信工作原理

同步：用户在（url地址栏里输入页面的请求）-----服务器端接收到请求进行相应处理（这段时间客户处于等待状态，后续操作被暂停）------返回数据到客户端-----客户才能继续操作

 

异步：用户在（url地址栏里输入页面的请求）----服务器接受信息（函数或者新方法等待接受信息）------客户端继续向下来执行（如果服务器处理请求结束，结果返回到新方法）-----浏览器只处理所需的数据（不涉及整个页面的刷新）

3、  功能

1）  改善表单验证方式，不需要打开新的页面也不需要整个页面的提交

2）  不需要刷新，减少客户的等待时间

3）  按需要获取数据信息

4）  读取外部的数据，进行信息的整合

5）  异步交互

4、  登陆的案例

1）  服务器端文件demo.php

功能：验证用户名称的合法性

2）  前台页面index.html

功能：显示输入用户名的区域

Javascript--------jquery

Jquery是一个javascript库，简化编程过程

          Ajax的一个框架

使用 <script type=”text/javascript” src=”文件”></script>

 

GET 将信息通过URL地址栏进行传递

POST将信息通过HTTP方式进行传递

 

 

同步：

一个表单包含所有信息（用户、口令、身份证等）

Submit作用：针对表单对象，点击后执行----将表单区域包含所有数据通过method属性指定的方式发送到action属性指定的文件里

GET：把表单里所有（input、select、textarea等）数据当做参数通过url地址栏传递

http：//../index.php?name=”zhangsan&email=”

POST:把数据通过HTTP传递

    名字：值

 

Firebug:调试功能

Step over：单步执行（进入）按照语句的书序执行，当碰到方法不进入方法体内部

Step into：单步执行（跳过）按照语句的书序执行，当碰到方法进入方法体内部