使用jQuery load()显示来自外部URL的内容

时间:2017-12-27 05:24:54

标签: javascript php jquery html cross-domain

如何使用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>

1 个答案:

答案 0 :(得分:-1)

我建议您使用iframe方法。

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