加载HTML使用加载根文件的路径的相对路径，而不是源文件的路径

嗯，我有这样的事情，加载HTML使用加载根文件的路径的相对路径，而不是源文件的路径

<html> 
<head> 
    <script src="jquery.js" type="text/javascript"></script> 
</head> 
<body> 
    Loading your content... 
</body> 
<script type="text/javascript"> 
    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) 
     { 
      $("body").html(xmlhttp.responseText); 
     } 
    }; 

    xmlhttp.open("GET","../stats.phtml",true); 
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    xmlhttp.send(); 
</script> 
</html>

而且它并没有找到加载的文件统计链接的任何外部文档。 phtml（javascript和css源代码），因为相对路径的路径是文档的路径，而不是加载文档的根路径。

我需要在AJAX上执行此操作（加载页面应在执行脚本时加载内容并在3秒后显示它），所以只需执行window.location ='../stats .phtml'3秒后不是一个好的解决方案。我还想保留已加载文档中的相关链接，而不是将其移至绝对路径。有什么建议么？

来源

2011-12-20 NotGaeL

我发现读this article on mozilla developer是HTML5 window.history.pushState可以做替代，这样才可以使用：

if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
    var stateObj = { foo: "stats" }; 
    window.history.pushState(stateObj, "Title", "../stats.phtml"); 
    $("body").html(xmlhttp.responseText); 
}

至极对我来说不够公平。我认为＃标记可以用来识别文档并为另一个切换一个URL而不用重新加载（与一些Apache modrewrite法术相结合，将＃表示法改为服务器中的实际目录，我猜）。如果你确切地知道如何使用这种方法的任何例子，将不胜感激。

更新我一直在这个工作了一段时间，我发现了一个非jquery的替代方案，它取代了整个文档内容，在这种情况下更适合我。

if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     var stateObj = { foo: "stats" }; 
     window.history.pushState(stateObj, "Title", "../stats.phtml"); 
     document.open('text/html'); 
     document.write(xmlhttp.responseText); 
     document.close(); // don't forget to do this, or you'll be in trouble! 
    }

享受！

来源

2011-12-20 12:38:23 NotGaeL

我目前正在尝试您的更新中的具体内容，它给我在Firefox中遇到的各种麻烦。看起来像pushstate和document.open并不能很好地协同工作。这是如何在Firefox中为你工作的？ – gmustudent 2013-04-25 17:15:57

这是一年多以前，但我没有任何麻烦。查看https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history#The_pushState().C2.A0method（对不起，对于迟到的答案） – NotGaeL 2013-04-30 17:24:43

加载HTML使用加载根文件的路径的相对路径，而不是源文件的路径

回答

相关问题