0

我想实现类似用户流界面的twitter,即当用户进入 http://twitter.com/#!/abc页面时加载。我试图在以下位置实现这一点:

http://forum.abhibhatia.co.cc/ajax/

我尝试做的是,一旦页面加载,url就会被“#!/”分割,并加载第二部分,以便http://forum.abhibhatia.co.cc/ajax/posts.php可以在http://forum.abhibhatia.co.cc/ajax/#!/posts.php. 我面临的问题是页面在我重定向用户使用window.location 它不起作用后没有改变。我还没有尝试任何其他方式来重定向用户。这是使用的javascript函数:

function geturl(){
    var url=window.location.toString();
    var a=url.split("#!/");
    if(a.length==1)
        a[1]='data.php';
    return a[1];
    }
function fetchPage(){
    var url=geturl();
    var xmlhttp;
    if (url.length==0&&m==1)
      { url='data.php';
      return;
      }
    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==1) document.getElementById("data").innerHTML="Loading...";
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        var file=xmlhttp.responseText;//alert(file);
        var contents=file.split("<head>");//alert(contents[0]);
        var useable=contents[1].split("</head>");
        var head=useable[useable.length-2];//alert(head);
        var body=useable[useable.length-1].split("</body>");
        document.getElementById("data").innerHTML=body[0];
        document.head.innerHTML=document.head.innerHTML+head;
        //document.getElementById("data").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET",url,true);
    xmlhttp.send();
}
fetchPage();
4

1 回答 1

0

仔细看看window.location你可以使用 window.location.hash 的对象,但正如之前提到的,hashbangs 这些天有点老了,我更倾向于使用带有标准哈希的 html5 状态管理 # 作为后备。

一些进一步的阅读:

https://developer.mozilla.org/en/DOM/window.location

http://www.adequatelygood.com/2010/7/Saner-HTML5-History-Management

如果你真的想制作一个 twitter 风格的界面,你应该把整个应用程序放在一个框架上,这个框架可以为你完成所有这些工作,比如主干.js,这意味着你只需要使用 REST/CRUD 风格的数据源,然后将为您实现所有状态管理和哈希回退。

于 2012-05-17T20:52:08.817 回答