javascript - 不引人注目的 JavaScript 方法，从文本文件获取数据并将其写入 HTML

标签 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 还很陌生，因此我们将不胜感激任何类型的帮助!!!

最佳答案

改变...