从父页MVC触发iframe&39;s按钮

时间 2019-02-22
阅读 24
点赞 0
收藏 0
连接bladerunner

所以,在我的应用程序页面(不同的域)中有一个iframe,其中iframe只有几个字段,还有一个隐藏的按钮,上面有一个click事件来执行所有必要的操作(比如crud操作)。post是通过ajax调用的,所以iframe上没有post方法。父页有一个按钮,单击该按钮时应使用该按钮,该按钮应触发iframe中的click事件。我确实研究了后消息和跨源代码,并找到了一些我在解决方案上实现的东西。添加了这个,当我单击父页面上的按钮时,什么都不会发生。我没有看到任何控制台错误,但没有任何触发。这就是我的代码。

<div id="main">
<iframe id="cardIframe" src="@($"https://localhost:44320/handlers?userId={Model.UserId}")"
        width="100%" height="300px" style="border: none;" scrolling="no"></iframe>
<hr class="mb-4" />
@Html.UI().Button("Continue to Checkout", size: UIElementSize.Block, uiClass: UIElementClass.Primary, htmlAttributes: new { @class = "checkoutsubmit" })

    <script type="text/javascript">
        $('.checkoutsubmit').click(function (e) {
            var iframe = document.getElementById('cardIframe').contentWindow;
            window.iframe = iframe;
            iframe.postMessage("createvault", "*");
        });
    </script>
尚无答案