前端开发中的AJAX

目录

1. AJAX的主要作用

2.AJAX的核心：

3. AJAX的用法

4. 监听

5. 发送

---

1. AJAX的主要作用

在前端中的AJAX的的主要作用是在不刷新页面的情况下去更新数据，这也是AJAX最大的优势，局部刷新技术。

2.AJAX的核心：

1）.兼容：

if(window.ActiveXObject){

        ajax = new ActiveXObject("Microsoft.XMLHTTP");

    }else if(window.XMLHttpRequest){

        ajax = new XMLHttpRequest();

    }

其中XMLHttpRequest ie6不兼容

3. AJAX的用法

3.1 创建

var ajax = new XMLHttpRequest();

3.2 打开

同步：上一个任务结束，下一个任务开始，比如alert弹窗

ajax.open("get", "xxx.php", false);

参数2：  服务器地址；   参数3;  是否异步

    ajax.open("post", xxx.php, false);     ajax.setRequeatHeader("Content-Type", "application/x-www-form-urlencoded")

异步：多个任务按顺序开始，不一定安顺序结束，比如：下载任务，图片加载

ajax.open("post", xxx.php, true)   

发送后状态值readystate

0	对象已建立，还未初始化，未调用send
1	open已调用，为调用send
2	send已调用，其他未知
3	请求已发送，正在接受数据
4	表示数据已经受到

4. 监听

 ajax.onreadystatechange = function(){
            console.log(ajax.responseText)
        }

5. 发送

ajax.send(null） 

发送后返回四种参数，如下表：

responseText	作为响应的主体返回的文本
responseXML
status	200  成功；  202请求接受，处理未完成； 400语法错误；   404  找不到指定的url；  500内部服务器错误
status Text	跨浏览器时可能不太一致