Question

我有一个在localhost：port1上运行的应用程序。在此应用上，有一个按钮，单击该按钮可打开一个模式对话框，该对话框的形式为名字，姓氏和关闭和提交按钮。我在localhost：port2上运行了另一个应用程序。我有一个按钮，单击该按钮会打开一个模式对话框。在app2中使用此对话框时，我有一个iframe，我希望它具有localhost：port1的形式，并且还能够执行与我在第一个应用程序中所做的相同的操作。

当前，我正在使用jquery ajax在iframe中获取表单，但是，由于所有按钮都不起作用，因此我无法执行任何操作。下面是我的第二个应用程序中的jQuery代码，该代码从app1获取表单。

<script>
    $(document).ready(function () {
        $.get('https://localhost:port1/').then(function (html) {
            // Success response
            var $mainbar = $(html).find('#InsertDialog');
            $("#iframe").append('<iframe id="iframe"></iframe>');

            setTimeout(function () {
                var iframeBody = $("#iframe").contents().find("body");

                iframeBody.append($mainbar);
            },
                333
            );
        }, function () {
            // Error response
            document.write('Access denied');
        });
    });
</script>

在第二个应用程序中，我有以下页面

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal1" id="openModal">Open dialog</button>

    <!-- Modal -->
    <div class="modal fade" id="myModal1" role="dialog" style="background: bisque">
        <div class="modal-dialog modal-lg" style="height: 100%; width: 100%;">

            <!-- Modal content-->
            <div class="modal-content" style="height: 90%; width: 100%">
                <div class="modal-body">
                    <iframe name="iframe" id="iframe" style="overflow: hidden; height: 80%; width: 90%; border: none;" scrolling="yes"></iframe>
                </div>
                @*<button type="button" class="btn btn-default" id="closeMyIframe">close</button>*@
                <div class="modal-footer" style="background: bisque">
                    <button type="button" class="btn btn-default" data-dismiss="modal" id="reload">Close</button>
                </div>
            </div>
        </div>
    </div>

我是这方面的初学者，但似乎找不到适合我的方案的解决方案。谢谢

如何从第二个应用程序调用表格并执行操作？

0 个答案: