使用JS获取父页面（iframe）的cookie

Question

我需要在父页面中创建一个 cookie。

我需要一个在 modiface 上创建的特定 cookie（示例）--locatelcolomia.myvtex.com 并在我的子页面上使用它 modiface.locatelcolobmia.com（这个由 vtex iframe 调用）

Answer 1

您不能直接从其他页面获取cookies。

您可以向该页面发送请求以发送 cookie。

getCookies.php（放在父页面）

window.onload = function(){document.getElementById('submitpost').submit();}

<?php if(!isset($_COOKIE['COOKIE_NAME_HERE']) {die('set cookie');} ?>

<h3>Please wait</h3>

<form id="submitpost" action="PUT_PREVIOUS_PAGE_URL_HERE" method="post">
  <input type="hidden" name="cookie" value="<?php echo $_COOKIE['COOKIE_NAME_HERE']; ?>">
</form>

然后将 cookie 设置为那个。将没有设置 cookie 的用户重定向到 getCookies.php 页面。

这个表单可以被截取和更改，但 cookie 也可以。永远不要将帐户详细信息放在 cookie 中。

此答案需要具有 PHP 的 Web 服务器，很可能您的主机确实支持 PHP。

Answer 2

感谢您的帮助，这就是答案：我通过 Jquery 获得了 cookie 并保存在最后隐藏的输入类型上发送到我的 iframe 调用 php 页面并发送这个值 URL (GET).

jQUERY

let cartId = $('#idCartInput').val();

IFRAME

("#idCartBtn").html("<iframe src='http://localhost:81/projectExample/modiface/index.php?cartId="+cartId+"' class='frameModiface' id='pruebasId' allow='camera' name='iframe_a'></iframe>");

使用JS获取父页面（iframe）的cookie

Get cookie of parent page (iframe) using JS

javascript

frontend