Javascript 我的简单AJAX示例有什么问题。你的网站必须在服务器上吗?

Javascript 我的简单AJAX示例有什么问题。你的网站必须在服务器上吗?,javascript,html,ajax,textchanged,Javascript,Html,Ajax,Textchanged,我不确定是什么问题,我的所有文件都在同一个文件夹中。首先我将发布HTML,然后是AJAX,最后是.txt文件 HTML: 和我的.txt文件: <h3>This text was changed</h3> <p>And also I added a random paragraph</p> 此文本已更改 我还随机添加了一段 提前感谢您的帮助。通过查看您发布的内容,我认为问题在于您没有在web服务器上运行此功能。在javascript上,您在客户

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

HTML:

和我的.txt文件:

<h3>This text was changed</h3>
<p>And also I added a random paragraph</p>
此文本已更改
我还随机添加了一段


提前感谢您的帮助。

通过查看您发布的内容,我认为问题在于您没有在web服务器上运行此功能。在javascript上,您在客户端使用GET方法请求test.txt,但没有后端使用text.txt文件响应GET请求


您可以通过安装apache之类的web服务器并将文件放在www或httpdocs文件夹中来实现这一点。

对于AJAX的第一步,您所拥有的看起来相当不错。但你真的需要一个网络服务器。要获得示例,请执行以下操作:

  • 在计算机上安装Web服务器。我建议您在第一步使用XAMPP。从这里开始:您不必自己配置一些东西,只需安装它,您就应该得到一个运行“开箱即用”的Web服务器
  • 将所有文件放在
    htdocs
    文件夹中。在我的示例中,我将HTML文件命名为
    ajax.HTML
  • 确保您的Web服务器正在运行。打开浏览器并导航到
    localhost
    。您应该看到一个页面上有一个大的XAMPP
  • 导航到
    localhost/ajax.html
    。我测试了你的代码,它成功了

  • 也许可以为您提供更多关于AJAX的信息。

    您这样做是因为您只是在学习????因为有更简单的方法来做到这一点…会发生什么?你有错误吗?另外,如果您包括jQuery,为什么要使用
    XMLHttpRequest
    ?是的,您需要一个Web服务器。您正在执行ajax调用,它执行HTTP请求。没有HTTP服务器就不能进行HTTP。是的,如果您想在本地运行AJAX请求,您需要类似WAMP(Windows的web服务器堆栈)的东西。这就是在jQuery中实现AJAX请求的方式——因此我可以将文本文件放在一个名为httpdocs的文件夹中,或者我需要安装一个web服务器。顺便说一下,这是第一次使用AJAX。我知道它涉及到服务器,但我认为只需在浏览器中测试它就可以了。谢谢你,这很有帮助,我已经在使用W3C学校了,以防你没有注意到。这就是我需要确认我做错了什么的全部。
    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();
    }
    
    <h3>This text was changed</h3>
    <p>And also I added a random paragraph</p>