使用ajax在html页面中动态加载内容时出现语法错误

Question

我正在尝试在 HTML div 中动态加载一些内容。如果我尝试执行此操作，则会收到错误：语法错误 HOME。 （这是 div 中应该可见的内容）。

HTML： 导航栏：

<li><a href="#" onclick="replaceContent('home.html')">Home</a></li>

要填充的div：

<div id="pagepanel"></div>

home.html

HOME.

Javascript：

function replaceContent(newDiv) {
    var xmlHttp = createXMLHttp();
    xmlHttp.onreadystatechange = function(){replace(xmlHttp);}
    xmlHttp.open("GET", newDiv, true);
    xmlHttp.send(null);
}

function replace(xmlHttp) {
    if (xmlHttp.readyState==4 && xmlHttp.status==200){
        document.getElementById("pagepanel").innerHTML=xmlHttp.responseText;
    }
    alert(xmlHttp.responseText);
}

function createXMLHttp() {
    var xmlHttp;
    if(window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }else if(window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }else{
        alert("Please upgrade your browser! Your browser does not support AJAX!");
    }
    return xmlHttp;
}

Answer 1

由于缺少分号而发生错误。

onclick="replaceContent('home.html')";>Home</a></li>