JavaScript-插入HTML的内容部分

我希望我的程序像这样工作：当我在html中按下超链接时，我希望它将新内容加载到“内容”部分。我有一个这样做的示例代码。但是我试图在里面插入一个动态图，我发现这个例子只传递字符串。我试图插入的图形没有出现在内容中，只出现了基本的html（按钮、背景色等）

---

如果我没有错的话，loadPage函数需要编辑。但我不知道怎么做。希望你们能用外行的话回答我。

取回后，需要将新检索到的内容传递给

dygraph

function loadPage(page) {
    if (window.XMLHttpRequest) {
        var xmlhttp = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

        xmlhttp.open("GET", page, true);
        xmlhttp.setRequestHeader("Content-type",
                             "application/x-www-form-urlencoded");
        xmlhttp.send();

        xmlhttp.onreadystatechange = function () {
            if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
                var g = new Dygraph('content', xmlhttp.responseText, [rest of your parameters]);
            }
        }
    }
}

---

您的代码非常好，尽管我可能想在

xmlhttp.responseText

和

xmlhttp.response

之间进行实验。如果您可以看到一些HTML元素被正确解析，这意味着您错误地认为您的

dygraph

应该像您想象的那样出现。也许您需要使用

dygraph

API初始化DOM。你需要提供更多关于这个

dygraph

的信息。我正试图在内容部分显示任何简单的dygraph。像这样的谢谢你。。我会努力去做的。。我很抱歉，很多人都很感谢你。//初始化你的新HTML是什么意思？我在那里插入了整个html代码吗？我更新了答案。你能看看你是否明白吗？如果没有，请提供一个关于JSFIDLE的工作示例，我将为您修复它。我想我是根据您的建议计算出来的。很抱歉这么晚才回复。。如果可以，我会核实你的答案：）

function loadPage(page) {
    if (window.XMLHttpRequest) {
        var xmlhttp = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

        xmlhttp.open("GET", page, true);
        xmlhttp.setRequestHeader("Content-type",
                             "application/x-www-form-urlencoded");
        xmlhttp.send();

        xmlhttp.onreadystatechange = function () {
            if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
                var g = new Dygraph('content', xmlhttp.responseText, [rest of your parameters]);
            }
        }
    }
}