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>