javascript - 使用 XML 和 Javascript 更新 HTML 页面

标签 javascript html xml ajax

我正在尝试使用 AJAX 更新网站。

在我的 html 中我使用了 span id="test1"span id="test2"

但是,仅显示 XML 文件中 test1 的内容,而不显示 test2 的内容。有人可以告诉我我在下面的 javascript 中做错了什么吗?

window.onload = function ShowAlert() {
    if(window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
         // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET", "note.xml", false);
    xmlhttp.send();
    xmlDoc = xmlhttp.responseXML;
    document.getElementById("test1").innerHTML = xmlDoc.getElementsByTagName("test1")[0].childNodes[0].nodeValue;
    document.getElementById("test2").innerHTML = xmlDoc.getElementsByTagName("test2")[0].childNodes[0].nodeValue;
}

最佳答案

由于我不会跳出 javascript 中的错误,因此我建议使用检查器,例如 DevTools检查span id="test2" 也许还有一些其他错误(除了 JavaScript,可能是 DOM 结构)导致数据不显示。

关于javascript - 使用 XML 和 Javascript 更新 HTML 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15355425/

相关文章:

javascript - 从网站构建 html/css/javascript 代码以提高可读性

javascript - 关闭弹出窗口时暂停当前视频

javascript - 如何验证样式为 =display :none in bootstrap? 的复选框

java - Android Studio - 定时器

Java Transformer 如何忽略 namespace

java - 如何设置音频与搜索栏播放

javascript - 为 joomla 文章中的图像设置 id

javascript - 如何在每列末尾显示显示隐藏选项

javascript - 在 asp.net mvc 中动态生成 javascript 文件

javascript - 验证后如何清除表单?