ajax学习笔记

Posted 2020-11-02 AutoCoad

1、是什么

　　AJAX（Asynchronous javascript and xml）是在一种是使用现有标准的方法 。

2.有什么用处

　　在不刷新整个页面的情况下实现和后台交换数据，实现页面的局部更新。

3、怎样用

　　AJAX 通过 XMLHttpRequest对象来向服务器发起请求，从服务器获取数据，然后通过JavaScript更新数据到页面中去。

 function AjaxRequest(){
        var xxhr;
        //1.创建xmlHttpRequest对象
        if (window.XMLHttpRequest) {//对于现在的主流浏览器
            xhr=new XMLHttpRequest();
        }
        else {// 对于老版的浏览器 （IE6, IE5）
            xhr=new ActiveXObject("Microsoft.XMLHTTP");
        }
        //2.创建一个http请求，并指定此请求的方法、URL、以及是否异步(数据接在url后面，以？隔开)
        xhr.open(‘get‘,‘server.php‘,true);
        //post请求需要设置请求头的content-type
        //xhr.setRequestHeader(‘content-type‘,‘application/x-www-form-urlencoded‘);
        //3.发送http请求,get请求可以为空，post请求将数据放入send发送
        xhr.send();
        //4.设置监听函数，readyState每改变一次执行一次
        // readyState存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
        //  0: 请求未初始化
        //  1: 服务器连接已建立
        //  2: 请求已接收
        //  3: 请求处理中
        //  4: 请求已完成，
        //      状态码status(常见):200-OK,404-NOT FOUND
        xhr.onreadystatechange=function () {
            //当 readyState 等于 4 且状态为 200 时，表示响应已就绪
            if (xhr.readyState == 4&&xhr.status==200) {
                var result=xhr.responseText;
                alert(result);
            }
        }
        //如果open的async设为false表示为同步，可以不用设置监听函数
        //var result=xhr.responseText;
    }

view code