Error: Permission denied to access property '$'

Question

各位。我有以下情况：

我有： http://example.com/ and http://example.com/new

在 example.com 中，我在示例中加载了一些表单。com/new 带有 fancybox iframe 的域。

我的表格，基本上显示了一些字段供用户输入他的个人数据，如姓名，phone 等等......在他提交之后，我显示了一些来自数据库的用户协议条款和用户表示同意这些条款的复选框。

他检查并提交后，我想提醒一些成功消息和 fancybox modal/iframe 关闭，仅此而已。

在表单页面中，我加载了 jquery 和 bootstrap。所以，当用户同意时，我打印：

<?php
     echo "
          <script>
          alert('Some success message!');

          $(document).ready(function(){
              parent.$.fancybox.close();
          });
         </script>
     ";
?>

我有三种形式，一种有效，另两种，我得到：

Error: Permission denied to access property '$'

有效表单与其他两个表单之间的唯一区别是，在有效表单中，我没有来自数据库的协议条款，只有复选框。

我可以将我的全部代码放在这里，但这将是一个巨大的问题。但是如果你们需要，我可以更新。

对不起我的英语，如果我不清楚请原谅我。

更新：

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <?php
        /* Connect with DB */
        require_once('require/conectar.php');

        if(!empty($_POST))
            foreach($_POST as $k => $v)
                $$k = $v;
    ?>

    <script type="text/javascript" src="http://example.com/new/assets/js/jquery.js"></script>
</head>
<body>
<?php if(!isset($agree) and !isset($next)):     ?>
    <h1>The form</h1>
    <form method="post" action="">
        <label>Your name:</label>
        <input type="text" name="name">
        <br>
        <label>Your email:</label>
        <input type="text" name="email">
        <br>
        <input type="submit" name="next">
    </form>
    <?php
        else:
            $error = (!isset($name)) ? true : false;
            $error = (!isset($name)) ? true : false;

            if($error)
            {
                echo '<script>You must fill all fields before submit.</script>';
                exit;
            }

            $qrr = mysql_query("SELECT * FROM `terms`");
            $terms = mysql_fetch_object($qrr);
    ?>
        <h1>Terms:</h1>
        <?php echo $terms->content; ?>
        <form method="post" action="">
            <input type="hidden" value="<?php echo $name; ?>" name="name">
            <input type="hidden" value="<?php echo $email; ?>" name="email">
            <input type="checkbox" value="1" name="accept"> I agree.
            <input type="submit" name="agree">
        </form>
    <?php
        endif;
        if(isset($agree))
        {
            /*
                Here i mail me the user data.
            */

            echo "
                <script>
                alert('Soliciação Realizada com sucesso!');
                $(document).ready(function(){
                    parent.$.fancybox.close();
                });
                </script>
            ";
        }else
        {
            echo "<script>alert('You need to agree with the terms to proceed.');</script>";
        }
    ?>
    </body>
</html>

Answer 1

这是浏览器安全问题。虽然有几种解决方法，但最好的方法可能是使用 postMessage API.

在您的 example.com 父页面上，添加如下代码：

function handleMessageFromiFrame(event) {
  alert('Some success message: ' + event.data);
  //$.fancybox.close();
}

window.addEventListener("message", handleMessageFromiFrame, false);

然后，在您的子示例中。com/new iframe，添加如下代码：

var parentOrigin = "*"; // set to http://example.com/ or whatever for added security.

function sendMessageToParent(){
  parent.postMessage("button clicked", parentOrigin);
}

$('#submit-btn').click(sendMessageToParent);

这是一个实际的例子：

父 example.com 页面：http://jsbin.com/hiqoyevici/1/edit?html,js,output
子示例。com/new iframe：http://jsbin.com/goferunudo/1/edit?html,js,output

当您单击子页面中的按钮时，它会使用 postMessage 通知父页面。然后父级监听消息并执行您想要的任何操作。

Error: Permission denied to access property '$'

Error: Permission denied to access property '$'

javascript

iframe

jquery

twitter-bootstrap