Question

发送消息时，xml会显示在调试器中。但我不知道如何在html网页中显示它。我没有使用jquery

    if(xhr) {
    xhr.onreadystatechange = function() {
        if(xhr.readyState === 4) {
            if(xhr.status === 200) {
                var value = xhr.responseXML;
                var msgs = value.getElementsByTagName('message');
                console.log("Processing ", msgs.length, " messages");
                for(var i = 0; i < msgs.length; i++) {
                    var id = parseInt(msgs[i].getAttribute("id"));
                    if(lastid < id) {
                        lastid = id;
                    }
                    console.log(msgs[i].childNodes[1].firstChild.nodeValue);


                }

我是否需要在上面添加任何其他内容以及我需要在html页面上添加什么内容？

Answer 1

这实际上只是一个小的JavaScript代码，它将一些结果写入控制台（console.log）。

从这里我看不到你真正想要做什么，但是要写入文档而不是控制台，你可以使用document.write（msgs [i] .childNodes [1] .firstChild.nodeValue）; < / p>

或者如果您指定ID为“res”的DIV，那么您可以执行

document.getElementById("res").innerHTML += msgs[i].childNodes[1].firstChild.nodeValue;

而不是

console.log(msgs[i].childNodes[1].firstChild.nodeValue);

Answer 2

您可以执行以下操作：

document.querySelector('#display').innerHTML = msgs[i].childNodes[1].firstChild.nodeValue

或者换句话说，您需要将应显示的文本设置为元素的文本内容。如果是新的，你需要将它附加到dom。总而言之：这取决于您显示消息的方式。如果显示变得更复杂，也可以使用moustache等客户端模板。

Ajax - 在html页面中显示xml消息

2 个答案: