Question

我有<div id="content">。我想将http://vietduc24h.com中的内容加载到我的div：

中

<html>
<head>
<script type="text/javascript">
    $(document).ready(function()
    {
        $("#content").attr("src","http://vietduc24h.com");
    })
</script>
</head>
<body>
    <div id="content"></div>
</body>
</html

我不想使用iframe。我怎么能这样做？

Answer 1

您需要在这方面考虑CORS。您需要的代码是：

<script type="text/javascript">
    $(document).ready(function()
    {
        $("#content").load("http://vietduc24h.com");
    })
</script>

如果您的域不在vietduc24h.com内，则可能会遇到一些安全性异常。为了避免这种情况，您可以在此处托管本地代理。在PHP中，我们这样做（url.php）：

<?php
    $url = file_get_contents(urlencode($_GET["url"]));
    echo $url;
?>

在脚本中，您需要以这种方式修改：

<script type="text/javascript">
    $(document).ready(function()
    {
        $("#content").load("proxy.php?url=http://vietduc24h.com");
    })
</script>

Answer 2

使用jQuery Load函数尝试此代码：

$('#content').load('http://vietduc24h.com', function() {
  alert('Load was performed.');
});

如果由于跨源资源共享策略而遇到安全问题，则必须在服务器代码中使用代理。

Answer 3

试试这个：

  $("#content").html('<object data="http://vietduc24h.com">');

取自this answer。

如何在div中加载另一个域内容？

3 个答案: