Ajax没有显示任何结果

Question

我一直在从各种在线教程中学习javascript中的Ajax技术，最后我得到了这段代码

function fun1 () 
{
    var a;
    if (window.XMLHttpRequest) 
        a = new XMLHttpRequest();
    else 
        a = new ActiveXObject("Microsoft.XMLHTTP");

    a.onreadystatechange=function()
    {
        if (a.readyState == 4 && a.status == 200) 
        {
            document.getElementById("myDiv").innerHTML = a.responseText;
        }
    }

    a.open("POST", "java4s.txt", true);
    a.send();
}

HTML：

<div id="myDiv" style="width: 300px; height: 30px;">
    Click on the button below
</div>
<button type="button" onclick="fun1()">
    Change Content
</button>

我已经添加了一些文本的“java4s.txt”，但点击了按钮（更改内容）后，对页面没有任何影响。我找不到有关脚本的任何问题。如果缓存有问题，请帮助我别的。 p.s：我正在使用Firefox浏览器。

Answer 1

脚本没有任何问题。使用Chrome打开（F12）开发人员工具，您应该会在网络选项卡中看到响应或显示控制台错误，这将解决问题。如果您遇到问题，请提供有关托管.txt文件的方式和位置的详细信息。

您可以在此处查看近似完整的脚本副本：W3Schools Ajax Demo

Answer 2

Ajaz，您在那里提出请求并检查网站管理员工具，您应该看到如下内容：

点击每个请求，您应该看到类似这样的内容

然后单击响应选项卡，您应该看到根据此最终图像返回到响应中的所有数据：

此图片中的数据格式为json。

但是，您需要注意返回哪种类型的数据来设置请求的正确mimeType。在json中，您需要返回＆＃34; application / json＆＃34;在xml case＆＃34; application / xml＆＃34;等等。检查一下。

Answer 3

出现此问题的原因是该应用程序未启用CORS。它在启用CORS后起作用。