时间戳

首页 > 解决方案 > 如何使用 Jquery 或 Javascript 在 laravel 刀片模板 div 中加载网页？

javascript - 如何使用 Jquery 或 Javascript 在 laravel 刀片模板 div 中加载网页？

问题描述

我想在 laravel 刀片模板的小框中加载并显示 facebook。我正在使用这个 javascript 但 facebook 没有加载？

这是我正在使用的：

<div id="fblogin"></div>

<script>
 function load_home (e) {
  (e || window.event).preventDefault();

  fetch("https://facebook.com")
  .then((response) => response.text())
  .then((html) => {
    document.getElementById("fblogin").innerHTML = html;
   })
  .catch((error) => {
    console.warn(error);
   });
   }
 </script>

我也尝试过 iframe 但没有加载页面。请帮忙。这是我要显示 facebook 页面的框。

在此处输入图像描述

标签： javascriptphpjquerylaravel

解决方案

首先，您不仅需要声明函数，还需要调用它

load_home();

其次，您根本不需要 preventDefault ，不需要此行

  (e || window.event).preventDefault();

第三，FB 允许您仅从他们的域访问他们的服务器。这是 CORS 政策。您无法从其他网站连接到他们的服务器。

推荐阅读