Question

jquery如何读取另一个html文件内容？

http://127.0.0.1/a.html内容：
<div>你好</div>

请问在http://127.0.0.1/b.html中不用frame、iframe如何读取a.html的内容？

Answer 1

<script language="javascript" type="text/javascript">
<!--
function loadXMLDoc(){
    var xmlhttp;
    if (window.XMLHttpRequest){
         
        xmlhttp=new XMLHttpRequest();
         
        }
    else{
         
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
    xmlhttp.onreadystatechage=function(){
         if(xmlhttp.readyState==4&&xmlhttp.status==200){
        // var values=xmlhttp.responseText;
             alert(document.getElementById("postId").innerHTML);
             }
        }
    xmlhttp.open("GET","postSend.html",true);
    xmlhttp.send();
    }
 
//-->
</script>

网上找的，我没试，就是一个ajax读取，然后得到指定节点

追问

onreadystatechage 事件不触发，posSend.html改成我的a.html了，a.html中也加入了， 这是哪的问题呢？能给个测试通过的吗？

Answer 2

$.ajax({
type:"get",
url:"../page/companyDetail.html", //需要获取的页面内容
async:true,
success:function(data){
console.log(data)
$('.contentBox').html(data) //将获取到的内容放到当前页面的.contentBox中
}
});
亲测有效