使用 jQuery load() 从外部 URL 显示内容答案

【问题标题】：Display Content From External URL Using jQuery load()使用 jQuery load() 从外部 URL 显示内容
【发布时间】：2018-06-07 18:41:34
【问题描述】：

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

grab.php

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

HTML

<!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>

【问题讨论】：

它是如何失败的？我怀疑这与 URL 哈希有关。从 URI 中删除 #mw-content-text 会有什么行为？
我加载了 XHR，但 div 为空，没有显示任何内容，我还得到“favicon.ico:1 GET 127.0.0.1:8887/favicon.ico 404 (Not Found)”
我对 PHP 了解的不够多，但它是否设置了相关的标头？
我得到了，"HTTP/1.1 200 OK" "content-length: 64" "accept-ranges: bytes" "connection: keep-alive"
标题看起来不错，但您是否尝试删除 # 以进行测试：var contentURI= 'en.wikipedia.org/wiki/Film';。你得到一些内容吗？对于favicon.ico 错误，与您的问题无关

标签： javascript php jquery html cross-domain

【解决方案1】：

我建议你使用 iframe 方法。

这是一个简单的例子 https://www.w3schools.com/tags/tag_iframe.asp

【讨论】：