是否可以将ajax响应作为HTML?

时间:2014-08-26 11:22:47

标签: html ajax

我有一个带有UL的HTML,我想知道是否可以使用ajax响应附加孩子,例如:

我知道这种方法不起作用,但我想知道ajax响应是否也可以元素

HTML

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <ul></ul>
    </body>
    <script src="script.js"></script>
</html>

JS

var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
request.open('GET','data.txt',false);
request.send();
var ul = document.getElementsByTagName('ul');
ul.innerHTML = request.responseText;

DATA.TXT

<li>List item 1</li>
<li>List item 2</li>

我可以看到从数据文件中准确检索到了响应,但HTML

上没有显示任何内容

1 个答案:

答案 0 :(得分:1)

使用此

var ul = document.getElementsByTagName('ul')[0];
ul.innerHTML = request.responseText;

document.getElementsByTagName访问具有指定标记名的所有元素。所以你必须指定索引

这是工作Fiddle