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>

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

1 个答案: