【Javascript基础】Ajax初识
在之前的开发中,一直使用Jquery的$.ajax完成异步请求的任务,一直对底层没有深入的了解,今天看到mdn上面一篇文章介绍浏览器原生AJAX请求的知识,这里稍微整理一下自己学的内容.
1.什么是AJAX?AJAX的全称是 它可以接收多种信息格式,其中包括json,xml,html甚至是文本文件,AJAX最令人称赞的特性就是它的异步性,它可以在不刷新页面的情况下,更新页面部分的内容(一般都是用户触发的事件). 总而言之,AJAX的特点可以概括为以下两类: 2. 一个简单的例子2.1 创建AJAX请求的对象AJAX请求对象主要是通过 var httpRequest;
if(window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) {//为了兼容老的IE浏览器
httpRequest = new ActiveXObject('Microsoft.XMLHTTP');
}
2.2 设置如何处理AJAX的Response数据说明: 设置XMLHttpRequest对象的 httpRequest.onreadystatechange = function() {
//这里需要判断当前的AJAX请求的Response可以处理了,通过readyState判断
if(httpRequest.readyState == XMLHttpRequest.DONE) {
if(httpRequest.status === 200) {
alert(httpRequest.responseText);
//perfect.
} else {
//状态码不是200,表明发生了错误
//TODO:
}
}else {
//表示当前的请求的response还没有接收完成
}
};
2.3 是时候发送请求了…上面两个步骤,定义好请求对象,已经请求接收到response后的处理方式,接下来就是发送请求了, httpRequest.open('GET','http://localhost:3000/rest',true);
//httpRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
httpRequest.send(null);
解释: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |