jQuery load（）函数不起作用

我是JavaScript的新手，我正在尝试使用函数load（）来插入另一个html文件。 这有点难以解释，这是代码：

 $(document).ready(function() { $('#main').click( function(){ $('#news').load('today.html'); } ); //end click }); //end ready  

你能帮助我吗？ 我没有使用网络服务器。 谢谢

Answer 1

我不相信你提出的代码有任何缺陷。 我相信它与你加载JQuery库有关，就像下面的代码我实现了这些结果：

的index.html

       
HELLO
 
NEWS
   

news.html

   
HELLO STACK OVERFLOW!!!
  

点击之前：

点击后：

但是，当我构建此示例时，我首先尝试使用Google API版本的JQuery，发现我目前无法连接到API。 因此，我认为您的问题的解决方案是访问此网站： http ： //code.jquery.com/jquery-1.11.1.js并将所有内容复制并粘贴到名为“jquery.js”的文本文件中。 然后将以下内容添加到主HTML文件的head标记中：

确保’jquery.js’与项目的主HTML文件位于同一目录中，否则这将无效。 希望这可以帮助 ：）

Answer 2

为什么它不起作用

浏览器安全限制可能会阻止您使用通过file：//协议访问的内容的AJAX函数（即，从计算机上的本地文件，而不是Web服务器）。

解

我在我的电脑上运行一个Web服务器，以便我可以避免所有这些问题 – 当我在Windows PC上工作时，我使用了WAMP 。 这些天，我在我的计算机上使用Linux（使用Apache，PHP和MySQL），因此我可以在更接近服务器的环境中工作。