Fatal编程技术网

Javascript jquery加载简单数据

javascript jquery html

Javascript jquery加载简单数据,javascript,jquery,html,Javascript,Jquery,Html,我正在使用jquery加载存储在“result.html”页面中的html内容。程序中的路径是正确的。但是，当我单击按钮时，内容未加载。以下是“main.html”文件： 标题 $（文档）.ready（函数（）{ $（“#驱动程序”）。单击（函数（事件）{ $（'#stage'）.load（“jquery/result.html”）； }); }); 单击按钮加载result.html文件： <html> <head> <title>the title<

我正在使用jquery加载存储在“result.html”页面中的html内容。程序中的路径是正确的。但是，当我单击按钮时，内容未加载。以下是“main.html”文件：


标题
$（文档）.ready（函数（）{
$（“#驱动程序”）。单击（函数（事件）{
$（'#stage'）.load（“jquery/result.html”）；
});
});
单击按钮加载result.html文件：


<html>
<head>
<title>the title</title>
<script type="text/javascript" src="jquery/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   $("#driver").click(function(event){
      $('#stage').load("jquery/result.html");
   });
});
</script>
</head>
<body>
<p>Click on the button to load result.html file:</p>
<div id="stage">STAGE</div>
<input type="button" id="driver" value="Load Data" />
</body>
</html>


阶段
这是“result.html”文件：

 <html>
    <body>
    <h1>Result</h1>
    </body>
    </html>


结果
你的代码基本上适合我。您的url肯定有问题。如果我复制您的代码并在本地使用另一个文件进行尝试，它就可以正常工作

如果您是从静态文件运行代码，请尝试将其切换到任何Web服务器。这可能会产生很大的不同，因为如果您从静态文件使用本地URL，某些浏览器不允许ajax请求。在控制台中，您应该会遇到以下错误

请求的资源上不存在“Access Control Allow Origin”标头

您正试图对另一个域执行
XMLHttpRequest（AJAX）

这是由于安全原因而受到限制的

有关更多详细信息，请参阅：

控制台中有错误吗？内容来自同一域？请发布任何控制台错误。按F12我认为URL不是问题，因为他使用了绝对URL。你使用了Web服务器吗？