JavaScript - 插入HTML的“内容”部分

时间:2015-02-23 05:57:26

标签: javascript html

我希望我的程序能够像这样工作:当我按下html中的超链接时,我希望它将新内容加载到"内容"部分。我有一个示例代码来执行此操作。但我试图插入一个dygraph,我发现该示例只传递字符串。我试图插入的图表没有出现在内容中,只显示基本的html(按钮,背景颜色等)

 function loadPage(page)
{
    if(window.XMLHttpRequest)
    {
        xmlhttp = new XMLHttpRequest();
    }
    else
    {
        xmlhttp = 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))
        {
            document.getElementById("content").innerHTML = xmlhttp.responseText;
        }
    }
}

如果我没错,则需要编辑loadPage函数。但我不确定如何。希望你们能以外行人的名义回答我。

1 个答案:

答案 0 :(得分:0)

获取后,您需要将新检索的内容传递给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]);
            }
        }
    }
}