AJAX笔记

AJAX其实只是一种概念，如果想把AJAX掌握熟练，javascript无疑才是最重要的，掌握好javascript并且合理利用jquery，常用的操作就够了。

Ajax: 无刷新技术。

全称为 “Asynchronous JavaScript and XML” （异步 JavaScript 和 XML ），是指一种创建交互式网页应用的网页开发技术 .

传统的 web 应用程序： jsp 向 jsp 和 servlet 发出请求 — 转发到 jsp 。

存在着请求 -------- 响应---接收的过程。而Ajax则是以响应传递给请求.

Ajax 的六大步骤： 

1  //创建XMLHttpRequest对象实例

var xmlHttp;
function createXMLHttpRequest(){
    if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }else if (window.ActiveXObject){
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
}

2 http_request.onreadystatechange = 你的另外一个js函数名; //定义处理返回结果的函数

xmlHttp.onreadystatechange=
function(){
    if (xmlHttp.readyState == 4) {
        var text;
        if (xmlHttp.status == 200) {
                text = xmlHttp.responseText;
                document.getElementById("userIdValidate").innerHTML = text;
        }else{
            alert("请求失败"+xmlHttp.status);
        }
    }
};

3 http_request.open('GET', url, true);//// 确定发送请求的方式和URL以及是否同步执行下段代码

4 http_request.send(null);//发送请求

5 回调函数处理，更新本页面局部数据

Ajax 是作用：

1.数据校验

2.联动下拉框

3.树形菜单

4.及时信息

 

1.全称：Asynchronized JavaScript and Xml 异步JavaScript和XML

2.异步的概念：在同一页面中，只提交了改动的部分，而别的部分并不提交，可以继续操作

3.异步的主要特征：局部刷新，所谓的局部刷新就是：向服务器提交请求，不需要重新刷新页面

 

Ajax的执行流程：

1.发出一个Http请求：通过XMLHttpRequest对象发送，在生成XMLHttpRequest对象时，要注意区分浏览器的类型（IE和非IE）

2.声明回调函数：即：指定当服务器为你的请求作出相应后，有哪个javaScript函数来处理这个响应

3.打开请求：http_request.open("GET/POST", url, true/false);

4.发送请求：http_request.send(parm);

5.接受响应：由第二步中所指定的回调函数来接受

6.处理响应数据：

1）responseText:作为文本串返回

2）responseXML：作为Xml文件返回

从这点可以看出来Ajax的一个最大的缺点：Ajax接受的响应都是"文本类型"的，需要对其进行解析，耗费大量的时间和带宽，

当响应所返回的数据比较大时，会严重的影响速度，因此，在这种情况下，最好不要使用Ajax

 

Ajax优缺点

AJAX是优点：

1 增加用户体验。 2. 无需刷新。

  AJAX是指一种创建交互式网页应用的网页开发技术.它是通过JavaScript来通过一个事件来发送http请求，只对当前的界面进行一部分

的更新，并没有全部的载入页面，因为有很大一部分的内容是相同的，并不需要全部载入，所以从服务器上的取出所需要的数据是个很

好的办法，并且用户它要的是显示速度够快，注重的视觉上的效果，并不关心底层的实现，所以对用户的交互大大加强。

 

Ajax的缺点：

1.它可能破坏浏览器后退按钮的正常行为。如用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在Ajax应用程序中，却无法这样做。

2.查询返回大量的数据的时候不适宜用ajax（ajax不适合传输大量数据）

3.它从服务器端传过来的是一个字符串或是一个xml文件所包装的数据，这样大数据的传输它肯定不行，因为对xml文件的解析也同样会花大量的时间。