Question

我在一个html文件中有一个表，在另一个文件中有一个div，两个文件都在同一个服务器上，同一个文件夹。我试图使用jquery加载函数来完成以下操作。所以我这样做：

$('#div').load('game.html #tbl', function(){ alert ("succes on load");});

正如您所看到的，我尝试将#tbl作为表的id，并且我获得了成功的警报，但没有加载任何表。可以用这种方式加载表吗？

Answer 1

在浏览器控制台中查看，那里可能有错误。你必须确保你有正确的道路，这是一条相对的道路。如果您的电流不起作用，请尝试搞乱。在路径前添加../，看看是否有效。我不知道你的文件结构，所以这对你来说可能更容易。

另一个问题可能是您对该文件403 Forbidden没有正确的权限。因此，请检查您的网络浏览器控制台。

如果你有以下文件结构并运行下面的代码，那么一切都应该可以正常工作。

/project_name
├── index.html
├── game.html

<强>的index.html

<div id="div"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>$('#div').load('game.html #tbl', function(){ alert ("succes on load");});</script>

<强> game.html

<div id="tbl"><h1>I origin from another file</h1></div>

编辑：在搞砸了一下后，我找到了解决方案。只需打开硬盘中的.html文件，无法运行.load脚本。您需要在浏览器中输入localhost来安装可以访问的WAMP / LAMP / MAMP（本地服务器）。

WAMP

MAMP

请在这里查看：AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https

使用jquery加载方法的麻烦

1 个答案: