不显眼的JavaScript方法,从文本文件中获取数据并将其写入HTML

时间:2012-03-23 23:52:54

标签: javascript ajax

我之前发布了一个关于此问题的帖子并取得了一些进展,但现在我的代码无效,我不太清楚为什么。我试图使用一种不引人注意的JavaScript方法,从提供的文本文件(ajaxData.txt)中获取数据并将其写入HTML中的元素。在这种情况下,我试图将其写入按钮,并在单击按钮时显示它。

这是一项家庭作业,我不允许使用任何类型的JavaScript库:(。这是我的代码:

<html>
<head>
<script type="text/javascript">

function loadXMLDoc(url){
    var xmlhttp;
    if (window.XMLHttpRequest){
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }

    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            document.getElementById('A2').innerHTML=xmlhttp.statusText;
        }
    }

    xmlhttp.open("GET","ajaxData.txt",true);
    xmlhttp.send();
}

</script>
</head>
<body>

<h2>Retrieve data from XML file</h2>

<p><b>Status text:</b><span id="A2"></span></p>

<button onclick="loadXMLDoc('ajaxData.txt')">Get XML data</button>

</body>
</html>

我仍然是JavaScript的新手,尤其是AJAX的新手,所以任何类型的帮助都会非常感激!!!

1 个答案:

答案 0 :(得分:3)

更改...

xmlhttp.statusText

...到...

xmlhttp.responseText