javascript - 为什么 javascript 拒绝多次工作？

Question

我有两个调用相同函数的单独链接。它们用于将不同的外部 html 文档加载到主文档的正文中。他们自己就能正确工作。但是当一个文档被加载时，另一个文档却拒绝加载。各位，有什么问题吗？

<li>
    <a href="#" class="decorNavi" onclick ="xmlRequest('about')" >ABOUT</a>
</li>
<li>
    <a href="#" class="decorNavi"  onclick ="xmlRequest('contactus')" >CONTACT US</a
</li>

脚本:

function xmlRequest(target) {

    var targetClick;

    targetClick = target;

    if (window.XMLHttpRequest) {

        xmlRequest = new XMLHttpRequest();
    } else {
        xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlRequest.open("GET", targetClick + ".html?=" + Math.random(), true);


    xmlRequest.onreadystatechange = function () {

        if (xmlRequest.readyState == 4 && xmlRequest.status == 200) {

            document.getElementById("midContainer").innerHTML = xmlRequest.responseText;
        }
    }

    xmlRequest.send();
}

Answer 1

您正在覆盖函数内的函数声明:

function xmlRequest(target) {

和

xmlRequest = new XMLHttpRequest();

它触发一次，然后用 xmlRequest 替换该函数。将第二个命名为其他名称。