使用jquery cors问题在div中加载网页答案

【问题标题】：Load web page in div with jquery cors issue使用jquery cors问题在div中加载网页
【发布时间】：2018-02-15 10:26:00
【问题描述】：

当网页是外部网站时，还有其他方法可以将网页或网页的一部分加载到 div 吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
</head>
<body>
<div id="mainContainer1">

</div>

<script>
    $(document).ready(function(){
        //$('#mainContainer1').load('https://projects.xyz.com/secure/Dashboard.jspa #gadget);
        $('#mainContainer2').load('https://projects.xyz.com/secure/Dashboard.jspa');
    })
</script>

</body>
</html>

【问题讨论】：

iframe（HTML 标记）怎么样？
您可以使用服务器端脚本来拉取内容。 PHP 有 curl 但其他服务器端语言使用类似的方法。然后将结果加载到您的 div 中。
iframe 无法拉取部分外部网页。

标签： javascript jquery html cors

【解决方案1】：

如果页面位于同一域中，请使用 .load()。 .load() 将从服务器加载数据并将返回的 HTML 放入匹配的元素中（目标页面应位于同一域中，否则您会受到 CORS 限制）。

或者使用没有限制的 iframe：

<iframe src="URL"></iframe>

【讨论】：

没有.load() 功能，导致Cross Domain 问题？
假设域是外部的，会有cors问题。