Ajax数据格式—HTML

来源：互联网发布：电商系统源码下载编辑：程序博客网时间：2024/06/15 21:41

Ajax数据格式—HTML

<script type="text/javascript">        window.onload = function(){            var aNodes = document.getElementsByTagName("a");            for(var i = 0; i < aNodes.length; i++){                aNodes[i].onclick = function(){                    var request = new XMLHttpRequest();                    var method = "GET";                    var url = this.href;                    request.open(method, url);                    request.send(null);                    request.onreadystatechange = function(){                        if(request.readyState == 4){                            if(request.status == 200 || request.status == 304){                                document.getElementById("details").innerHTML= request.responseText;                            }                        }                    }                    return false;                }            }        }    </script>  </head>  <body>     <h1>People</h1>    <ul>        <li><a href="andy.html">Andy</a></li>        <li><a href="richard.html">Richard</a></li>        <li><a href="jemery.html">Jemery</a></li>    </ul>    <div id="details">    </div>  </body>

<body>    <h1>Andy</h1>    <p>Andy is first</p>  </body>

效果：点击连接会在div中载入html嵌入到页面中。
这里写图片描述

0 0