使用jquery将一个html页面加载到另一个页面中_Jquery_Html

使用jquery将一个html页面加载到另一个页面中

jquery html

使用jquery将一个html页面加载到另一个页面中,jquery,html,Jquery,Html,我想在里面加载一个html文件hello_world.html 另一个html页面index.html将两个文件放在同一位置。这是我写的代码。但它没有加载任何内容。这两个警报都起作用了，我故意发出它们来检查 jquery是否正常工作。它没有其他用途代码中的错误是什么？我不想使用ajax </head> <script type="text/javascript" src="../jquery-1.3.2.js"></script> <sc

我想在里面加载一个html文件hello_world.html 另一个html页面index.html将两个文件放在同一位置。这是我写的代码。但它没有加载任何内容。这两个警报都起作用了，我故意发出它们来检查 jquery是否正常工作。它没有其他用途代码中的错误是什么？我不想使用ajax

</head>
 <script type="text/javascript" src="../jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
        alert("ya loaded");
        $('#container').load('hello_world.html');
    alert("finished");  
  });
</script>
</head>

<body>
<div id="container">
</div>

</body>

我在一个目录中有以下文件：

helloworld.html

<p>hello!</p>

test.html

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
            $('#container').load('helloworld.html');
        });
    </script>
</head>
<body>
    <div id="container"></div>
</body>
</html>

在浏览器中加载test.html会生成hello！，因此，请检查jQuery是否正确加载。

好的，我在一个目录中有以下文件：

helloworld.html

<p>hello!</p>

test.html

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
            $('#container').load('helloworld.html');
        });
    </script>
</head>
<body>
    <div id="container"></div>
</body>
</html>

在浏览器中加载test.html会生成hello！，因此，请检查jQuery是否正确加载。

使用firebug或chrome开发控制台检查可能出现的错误

编辑：

当您使用ajax时，有时浏览器不会使用file:///协议加载它。您应该在本地使用web服务器，例如windows上的xampp或apache，并在http://protocol中浏览您的网站

这很可能是问题的原因。

使用firebug或chrome开发控制台检查可能出现的错误

编辑：

当您使用ajax时，有时浏览器不会使用file:///协议加载它。您应该在本地使用web服务器，例如windows上的xampp或apache，并在http://protocol中浏览您的网站

这很可能是问题的原因。

解决方案非常简单：

您编写的就绪功能行不正确所以你必须写没有引号的文档它看起来像：

$(document).ready(function()({

});

解决方案非常简单：

您编写的就绪功能行不正确所以你必须写没有引号的文档它看起来像：

$(document).ready(function()({

});

即使您的.load不工作，这两个警报也会触发，因为.load是异步的。您正在使用AJAX。调试控制台中发生了哪些错误？请求是否已发送？响应是什么？如果您不想使用AJAX，则需要使用服务器端技术将hello_world.html包含在发送到客户端浏览器的html中。使用jQuery 1.3.2有什么具体原因吗？它非常过时，如果可以，请使用最新版本。但可能对您的问题没有帮助。如果您在本地计算机上测试此功能，由于HTTP请求没有域标头，AJAX将无法工作。即使您的.load不工作，这两个警报都将触发，因为.load是异步的。您正在使用AJAX。调试控制台中发生了哪些错误？请求是否已发送？响应是什么？如果您不想使用AJAX，则需要使用服务器端技术将hello_world.html包含在发送到客户端浏览器的html中。使用jQuery 1.3.2有什么具体原因吗？它非常过时，如果可以，请使用最新版本。但可能对您的问题没有帮助。如果您在本地计算机上测试此功能，由于HTTP请求没有域标头，AJAX将无法工作。XMLHttpRequest无法加载file:///D:/helloworld.html. 访问控制允许原点不允许原点为null。我在控制台中遇到这个错误：当我在脚本中放置警报时，警报正在工作，因为您没有在服务器上运行它…请尝试在本地主机服务器上运行它。。它会起作用的@无法加载BhavinBhaskaranXMLHttpRequestfile:///D:/helloworld.html. 访问控制允许原点不允许原点为null。我在控制台中遇到这个错误：当我在脚本中放置警报时，警报正在工作，因为您没有在服务器上运行它…请尝试在本地主机服务器上运行它。。它会起作用的@无法加载BhavinBhaskaranXMLHttpRequestfile:///D:/helloworld.html. 访问控制允许原点不允许原点为null。我在控制台中遇到了这个错误：当我在脚本中放置一个警报时，警报正在工作从这里下载：xampp并使用它为您的html文件提供服务。让我们看看XMLHttpRequest无法加载file:///D:/helloworld.html. 访问控制允许原点不允许原点为null。我在控制台中遇到了这个错误：当我在脚本中放入警报时，警报正在工作从这里下载：xampp并使用它为您的html文件提供服务。让我们知道这不是真的！$准备好了。。与$'document'等效。准备就绪。。。在jQuery中。那不是真的！$准备好了。。与$'document'等效。准备就绪。。。在jQuery中。