jQuery-ajaxload（）方法是'；行不通
我试图在单击按钮时（按原样）使用另一个HTML文件（content.HTML）中的内容动态更改div（#div1）的内容，但单击按钮时不会发生任何事情。更不用说，这些文件并排放在一个文件夹中，所以我真的很困惑 这是我的密码： index.html：jQuery-ajaxload（）方法是'；行不通,jquery,html,ajax,load,Jquery,Html,Ajax,Load,我试图在单击按钮时（按原样）使用另一个HTML文件（content.HTML）中的内容动态更改div（#div1）的内容，但单击按钮时不会发生任何事情。更不用说，这些文件并排放在一个文件夹中，所以我真的很困惑 这是我的密码： index.html： <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("content.html");
});
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
</body>
</html>
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“#div1”）.load（“content.html”）；
});
});
让jQuery AJAX更改此文本
获取外部内容
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("content.html");
});
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
</body>
</html>
jQuery和AJAX很有趣！！！
这是段落中的一些文本
同源策略造成的。有很多方法可以解决这个问题，我建议您使用本地Web服务器。设置本地Web服务器非常简单：
你可以用台灯，
妈妈，
WAMP，或
XAMPP。这些都是免费的，易于使用。如果您不害怕使用命令行：
- 通过从本地目录运行
Python-mhttp.server
来实现Python3.x
- 通过运行PHP 5.4.0+
仅选择主体…
大多数情况下，您不希望代码中出现第二个doctype，因此请替换
$("#div1").load("content.html");
与
相对于index.html，内容在文件系统中的位置？开发人员控制台中是否出现任何错误？您只想加载要显示的特定HTML内容，而不是
、
或
标记。@gh9哦，我看到一个错误：XMLHttpRequest无法加载file:///G:/ajax2.html. 收到无效的响应。因此不允许访问源代码“null”。您在使用html5做什么？给buttonid试试哪台服务器需要最简单的安装？我觉得最简单。（这是mac专用的）Windows呢？