Как получить доступ к JSON-объекту родителя из iframe с помощью javascript - PullRequest
Новая
       9

Как получить доступ к JSON-объекту родителя из iframe с помощью javascript

0 голосов
/ 07 ноября 2019

У меня есть HTML-код, как показано ниже.

index.html 

<html>
<head>
 <script>
  user_data = {
  name: 'xyz',
  age: 123
 }
</script>
</head>
<body>
.... some code ---
<iframe src="test.html"></iframe>
</body>
</html>

test.html 

<html>
<head>
 <script>
 $(document).ready(function(){
var userName = user_data.name;
});
</head>
<body>
<!--- some other code -->
</body>
</html>

В основном, я пытаюсь получить доступ к объекту user_data, который находится в index.html из test.html (файл iframe).

Может кто-нибудь помочь мне получить значение в iframe.

1 Ответ

0 голосов
/ 07 ноября 2019

Сначала переместите свой сценарий с головы до тела. 

<html>
  <head>
    <title>Parcel Sandbox</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <h1>Parent</h1>
    <iframe src="./test.html"></iframe>
    <script>
    	user_data = {
        name: "xyz",
        age: 123
      };
    </script>
  </body>
</html>

Затем получите доступ к родительским данным с помощью window.parent 

<body>
    <h1>Test Html</h1>
    <div id="app"></div>
    <script>
        const { parent = {} } = window;
        const { user_data = {} } = parent;
        const { name, age} = user_data;
        const $app = document.getElementById('app')
        $app.innerText = `name: ${name}, age: ${age}`
    </script>
</body>

Вот пример кода

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...