0

我不确定我的所有文件都在同一个文件夹中有什么问题。首先我将发布 HTML，然后是 AJAX，最后是 .txt 文件。

HTML：

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Title of webpage</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="javascript.js"></script>
</head>
<body>
    <div id="myDiv"><h2>Let AJAX change this text</h2></div>
    <button onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

还有我的 javascript/AJAX：

function loadXMLDoc(){
var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange=function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET", "test.txt", true);
xmlhttp.send();
}

还有我的 .txt 文件：

<h3>This text was changed</h3>
<p>And also I added a random paragraph</p>

预先感谢您的帮助。

4

2 回答 2

1

对于您使用 AJAX 的第一步，您所拥有的看起来相当不错。但是你真的需要一个网络服务器。要使您的示例工作，请执行以下操作：

  1. 在您的机器上安装网络服务器。我建议您在第一步中使用 XAMPP。从这里获取它：http: //www.apachefriends.org/en/xampp.html你不应该自己配置一些东西，只需安装它，你应该最终得到一个运行“out-of-the-”的网络服务器盒子”。
  2. 将所有文件放在htdocs文件夹中。在我的示例中，我将 HTML 文件命名为ajax.html。
  3. 确保您的网络服务器正在运行。打开浏览器并导航到localhost。您应该会看到一个带有大 XAMPP 的页面。
  4. 导航到localhost/ajax.html。我测试了你的代码并且它有效。

也许这个 W3CSchools AJAX 教程可以为您提供有关 AJAX 的更多信息。

于 2013-06-22T22:01:53.063 回答
0

通过查看您发布的内容，我认为问题在于您没有在 Web 服务器上运行它。在您的 javascript 上，您在客户端使用 GET 方法请求 test.txt，但没有后端可以使用 text.txt 文件回答 get 请求。

您可以通过安装像 apache 这样的 Web 服务器并将文件放在 www 或 httpdocs 文件夹中来实现此目的。

于 2013-06-22T21:38:51.363 回答