无法在div中加载内容

Question

我正在尝试在div #display中加载一些内容。我在这里已经阅读了很多关于这个问题的问题，但我仍然无法让它发挥作用。我刚刚为测试目的添加的alert函数没有任何问题。

这是我试过的

$(document).ready(function(){
    $('#townships').click(function() {
        $('#display').load("helloworld.html");
            alert("Hi");
        });
    });

我正在尝试离线。 helloworld.html文件与主页文件位于同一文件夹中。

Answer 1

  

我正在尝试离线

我相信这是你的问题。浏览器的安全设置将阻止对本地文件系统的AJAX请求。

您需要在本地计算机（如WAMP / LAMP / IIS或远程计算机）上的Web服务器下运行它。

Answer 2

如果不从某些服务器加载文件，则无法执行AJAX请求。由于SAME ORIGIN策略，通过从文件系统加载文件来执行此操作将不起作用。由于没有域可以比较AJAX请求失败。在Chrome中执行此操作时，您可以看到异常。

这是相关的

AJAX code do not run locally

Answer 3

您应该将您的html文件放在Web服务器中。如果你安装了python，你只需输入

即可

python -m SimpleHTTPServer [port]``

为了在工作目录中安装快速Web服务器。