Ajax

作者: 认真点啊 | 来源:发表于2018-06-06 23:27 被阅读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

    相关文章

      网友评论

          本文标题:Ajax

          本文链接:https://www.haomeiwen.com/subject/cjwbsftx.html