Ajax
2018-06-06 本文已影响0人
认真点啊
Ajax的基本原理
Ajax其实是异步的JavaScript和XML,发送ajax请求到网站更新一般分为三步:发送请求、解析内容、渲染页面
发送请求:
var xmlhttp;
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","/ajax/",true);
xmlhttp.send();
这是JavaScript对ajax最底层的封装,open()
和send()
方法向服务器发送请求,onreadystatechange
属性设置监听,当接收到请求后会在次方法内解析内容,然后渲染页面
查看分析请求:
Ajax是一个特殊的请求类型,叫做xhr,同时使用F12查看具有ajax请求的站点,在Request Headers中可以找到X-Requested-With:XMLHttpRequest,这个就标识了该请求是ajax请求,preview可以看到返回的响应内容,若是json格式,chrome会自动解析,方便查阅
刚学习,不正确的地方请告诉一下我T_T