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

上一篇下一篇

猜你喜欢

热点阅读