使用JavaScript代码进行导航(InnerHTML)

时间:2013-05-17 15:39:51

标签: javascript html innerhtml

我在我的网站上使用下面的代码作为导航系统,目的是在div中打开一个HTML页面..(InnerHTML),但是,当我点击我的一个菜单链接时我就是获取JavaScript通知“问题:”(请参阅​​JavaScript代码块中的“else”)。这个代码是固定的(好的)SEO方面。

有人可以告诉我它的问题是什么吗?我试图尽可能地保留代码。

提前感谢您的帮助!

JavaScript代码:

function processAjax(url) 
{ 
    if (window.XMLHttpRequest) { // Non-IE browsers 
        req = new XMLHttpRequest(); 
        req.onreadystatechange = targetDiv; 
        try { 
            req.open("GET", url, true); 
        }
        catch (e) { 
             alert(e); 
        } 
        req.send(null); 
    } else if (window.ActiveXObject) { // IE 
          req = new ActiveXObject("Microsoft.XMLHTTP"); 
             if (req) { 
               req.onreadystatechange = targetDiv; 
               req.open("GET", url, true); 
               req.send(); 

    } 
} 
return false; 
} 

function targetDiv() { 
    if (req.readyState == 4) { // Complete 
          if (req.status == 200) { // OK response 
              document.getElementById("containerDiv").innerHTML = req.responseText; 
          } else { 
            alert("Problem: " + req.statusText); 
          } 
    } 
}  

在HTML正文中:

<a onclick="return processAjax(this.href)"  href="example.html">CLICK ME</a>
<div id="containerDiv"></div>

1 个答案:

答案 0 :(得分:0)

服务器返回非200响应。如果您使用的是Firebug,Chrome Developer或IE Developer等调试器,请查看“网络”标签,查看XHR的确切位置以及响应的位置。