jQuery将另一个页面div元素加载到特定的div中

时间:2014-10-23 16:36:52

标签: jquery load

我正在使用一个简单的jQuery方法将div元素从另一个页面加载到我的。

以下是我发现的关于“加载”jQuery函数的内容: http://api.jquery.com/load/

以下是代码:

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>load demo</title>
  <style>
  body {
    font-size: 12px;
    font-family: Arial;
  }
  </style>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<b>Projects:</b>
<ol id="new-projects"></ol>

<script>
$( "#new-projects" ).load( "http://api.jquery.com/resources/load.html #projects li" );
</script>

</body>
</html>

如果上面给出的链接,代码与示例中的代码相同。 我已将此代码粘贴到空白.php文件中。你可以在这里看到结果: http://beta.sportsdirect.bg/test/

正如你所看到的,只有“项目:”。

为什么它不像jQuery中的示例那样工作,我的错误在哪里?

1 个答案:

答案 0 :(得分:0)

大多数浏览器都有相同的原始政策。因此,你无法通过jquery从其他网页加载资源,因为它太容易被XSS攻击钉死了。除非内容位于同一个域中,否则这不起作用。