AJAX——前端技术栈

1.AJAX基础

AJAX说明

AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML），是一种使用客户端脚本与服务器异步交互数据的网页开发技术。使用AJAX技术，可以实现不重新加载整个网页的前提下直接更新当前网页的局部内容。JavaScript和jQuery都能使用AJAX方式和服务器进行数据交互.

传统的Web交互

在传统的Web交互过程中，用户使用浏览器向服务器发出请求，服务器接到请求后执行请求的操作，并将执行结果返回给客户端浏览器。在服务器返回所有结果前，客户端处于等待状态，例如，用户填写注册表单后，提交所有表单数据到服务器。服务器接收数据后进行数据库操作，如查询用户名是否已注册、写入数据库等操作，然后返回注册后的网页，如提示注册成功或错误。用户必须将所有数据填写完毕提交，提交后需要等待服务器响应.

AJAX数据界面

在使用AJAX数据的页面，用户以异步方式发送请求，不会影响当前浏览器中页面的线程，可以继续网页上的下一步操作，用户不会处于等待状态。例如，用户填写注册表单中的用户名后，用户名以异步方式发送服务器进行操作，同时用户可以进行其他数据的填写过程.
AJAX技术缩短了用户的等待时间，改善了用户的操作体验，能够降低服务器的负担。但是客户端JavaScript代码处理数据能力弱，安全性不够，更多的数据处理还是借助服务器上的后端动态网页设计语言完成.

2.AJAX应用

JavaScript的AJAX应用

JavaScript中AJAX技术的核心是XMLHttpRequest对象，该对象的功能是和服务器进行异步接收或者发送数据

1.创建XMLHttpRequest对象实例

使用XMLHttpRequest对象之前必须创建XMLHttpRequest对象的实例。由于IE6浏览器使用ActiveXObject方式引入XMLHttpRequest对象，而其他浏览器中XMLHttpRequest对象时window对象的子对象，所以代码中需要针对不同浏览器创建实例。创建XMLHttpRequest对象实例的基本语法格式如下。
例如，下面代码创建一个名为xmlHttpReq的XMLHttpRequest对象实例.

var xmlHttpReq;
if(window.ActiveObject){
   
   
xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTp");
}
else if(window.XMLHttpRequest){
   
   
xmlHttpReq = new XMLHttpRequest();
}

2.指定文档open()方法