我想实现类似用户流界面的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();