当前位置: 首页 > 知识库问答 >
问题:

Jquery加载另一页的内容

蒋高杰
2023-03-14

我试图从另一个页面加载内容,但当我单击“获取内容”按钮时显示错误,这里的脚本>>

$(function(){
$('#get_contect').click(function(){
$('#contect').load('page.html #pageContect');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<header>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</header>
<button type="button" id="get_contect">get contect</button>
<body>
<div id = "contect">
</div>
</body>

<footer>
</footer>
</html>

显示的错误是:

共有1个答案

燕俊明
2023-03-14

为了加载页面,需要加载的文件位于同一个域中,这可以通过使用以下应用程序之一在本地托管您的网站来实现:

  • MAMP:易于配置,可用于Windows和Mac OS X
  • XAMPP:更高级,可用于Windows、OS X和Linux
  • wamp:介于两者之间,但不是非常友好的用户,并且仅适用于Windows

您不需要启用CORS,因为请求的文件来自同一个域,即来自本地主机(或部署时的托管网站)。

$('#contect').load('page.html#pageContect');
 类似资料:
  • 问题内容: 有没有办法做到这一点? page1.php-有 index.php-有 我可以以某种方式从div内部的page1.php中获取数据并将其加载到index.php中的div中吗? 我已经使用css-tricks网址中提供的代码完成了此操作:http : //css- tricks.com/examples/DynamicPage/ 但这使用哈希更改事件。我不想使用哈希功能,而只想使用加载

  • 问题内容: 您将从这段代码中看到它从hash标签加载了内容URL。无论如何,是否只能从该外部页面加载单个div元素。 所以像之后 但这不起作用。 谢谢 问题答案: 您只需要在URL之后添加一个jquery选择器。 直接来自API的示例: 因此,它的作用是从指定的URL加载#container元素。

  • 问题内容: 如果不使用iframe,则可以加载以下内容: 与外部站点,例如somesitehere.com 页面何时加载?-我知道如何从文件加载内容,但是不确定如何加载整个网站吗? 非常感谢, 问题答案: 无需专门的操作就可以做到。由于标题中提到了jQuery,因此使用了jQuery。

  • 问题内容: 我知道这个问题已经被问过很多次了,但是我还没有找到一个明确而有用的答案,所以我想我会以更清晰的格式写这个问题吗? 问题是,当您使用.load()函数并且您需要在加载的文件中运行的javascript时,由于我猜测DOM已经加载,因此无法正常运行。 解决此问题的简单方法是再次将javascript再次加载到已加载的文件中,但是如果要加载的文件很多,则到处都是javascript并不是很好

  • 问题内容: 我希望page.html能够对side.html的内容进行ajax请求,并提取其两个div的内容。但是,尽管我尝试了一切,但我仍找不到解析响应的正确方法。 这是side.html: 这是page.html 当我访问该页面时,没有任何错误,并且三个alert()产生了undefined,undefined和[object Object]。我究竟做错了什么?例子在这里。 问题答案: 您需要

  • 本文向大家介绍使用jQuery将内容加载到没有iFrame的页面上,包括了使用jQuery将内容加载到没有iFrame的页面上的使用技巧和注意事项,需要的朋友参考一下 iFrame是将内容从一个域加载到另一个域的一种便捷方法,但是它们确实有其局限性。例如,通常无法为iFrame的内容设置样式,因此您只能由第三方站点摆布。如果第三方站点由于某种原因瘫痪,它们看起来也很笨拙。在页面上显示大的“找不到页