第十章 Web应用开发技术 AJAX进阶与JQuery入门

经典的AJAX技术应用场景：

1、表单验证；

2、动态加载列表框；

3、创建自动刷新页面；

4、显示进度条；

5、创建工具提示；

6、自动补全功能；

7、访问Web服务。

流程：

1、创建xmlhttprequest对象，var xmlhttp =new XMLHttpRequest（);XMLHttpRequest对象用来和服务器交换数据。

2、使用xmlhttprequest对象的open（）和send（）方法发送资源请求给服务器。

3、使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。

4、onreadystatechange函数，当发送请求到服务器，我们想要服务器响应执行一些功能就需要使用onreadystatechange函数，每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数。

为什么需要jQuery:

1、使用AJAX技术的Web应用需要在HTML页面中编写大量的JavaScript代码；

文档就绪函数：

1、为了防止HTML文档在完全加载之前运行jQuery代码，一般会将所有的jQuery调用放到文档就绪函数中。

常用动作：

1、获取元素的内容：

      a、.html（）：获取元素的所有内容，包括元素；

      b、.text（）：获取元素中所包含的文本内容。

2、插入元素：before()、after()、preppend()、append();