Ajax

Ajax

一：Ajax：什么是Ajax？
1、AJAX = 异步 JavaScript 和XML
2、 AJAX是一种用于创建快速动态网页的技术。
3、通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。
这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
二：Ajax 名词解释
1、readyState
0, ‘未初始化…’
1, ‘请求参数已准备，尚未发送请求…’
2, ‘已经发送请求,尚未接收响应’
3, ‘正在接受部分响应…’
4, ‘响应全部接受完毕’

2、响应
status 响应码 200 成功
statusText 响应状态 ok 成功
responseText 响应文本形式

<button id="btn">创建Ajax</button>

<script type="text/javascript">
        btn.onclick = function() {
            // 建立一个xhr对象
            var xhr = new XMLHttpRequest();
            // 打开http链接的方法，地址，是否异步
            xhr.open("GET","./a.txt",true);
            // 发送出去
            xhr.send();
            
            // 监听xhr的变化
            xhr.onreadystatechange = function() {
                // 如果xhr的状态是第四个状态，响应码是200
                if(xhr.readyState == 4 && xhr.status == 200) {
                    // 输出Ajax响应的文档内容
                    console.log(xhr.responseText,xhr);
                }
            }
        }
    </script>