Javascript 使用jQuery load（）显示外部URL中的内容_Javascript_Php_Jquery_Html_Cross Domain

Javascript 使用jQuery load（）显示外部URL中的内容

javascript php jquery html

Javascript 使用jQuery load（）显示外部URL中的内容,javascript,php,jquery,html,cross-domain,Javascript,Php,Jquery,Html,Cross Domain,如何使用jQuery在本地div元素中显示外部url内容？我尝试加载的代码失败，即使我使用php处理跨域请求 grab.php <?php echo file_get_contents($_GET['url']); ?> HTML 标题 $（函数（）{ var contentURI='en.wikipedia.org/wiki/Film#mw content text'； $（'#response'）.load（'grab.php？url='+contentURI）； })

如何使用jQuery在本地div元素中显示外部url内容？
我尝试加载的代码失败，即使我使用php处理跨域请求

grab.php

<?php echo file_get_contents($_GET['url']); ?>

HTML


标题
$（函数（）{
var contentURI='en.wikipedia.org/wiki/Film#mw content text'；
$（'#response'）.load（'grab.php？url='+contentURI）；
});

我建议您使用iframe方法

这里有一个简单的例子

它是如何失败的？我怀疑这与URL哈希有关。从URI中删除

#mw content text

时会出现什么行为？我加载了XHR，但div为空，没有显示任何内容，我还得到了“favicon.ico:1 get 404（未找到）”我不了解足够的PHP，但它是否设置了相关的头？我得到了“HTTP/1.1 200 OK”“内容长度：64”“接受范围：字节”“连接：保持活动”标题看起来不错，但您是否尝试过删除

以进行测试：

var contentURI='en.wikipedia.org/wiki/Film'。你有什么内容吗？对于favicon.ico错误，它与您的问题无关
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
       $(function(){
        var contentURI= 'en.wikipedia.org/wiki/Film #mw-content-text';
        $('#response').load('grab.php?url='+ contentURI);
       });
   </script>
</head>
<body>
<div id="response"></div>   
</body>
</html>