1

我有一个页面调用带有外部内容的引导模式窗口。模态窗口由一个表单组成。该表单正在使用 jquery validate，我正在尝试使用 ajax 提交处理程序。问题是我似乎无法访问我想要更新的主 div。模态窗口正在使用它自己的 html 页面。我想更新一个用于调用模态窗口的 div，这样可能吗？

除非您希望我发布以更好地澄清，否则没有代码。希望我想做的事有意义。

编辑：[主页是我想从模式中的 ajax 调用更新的内容]

[Main Page]
<div id='div-id-want-to-update-on-submit'></div>

<a href='/some-external-form' data-toggle='modal' data-target='#my-modal'>Launch Modal</a>

[Modal Window]
<div id="my-modal" class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <form action=/post-somewhere>
...
    </form>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

<script type="text/javascript">
... some jquery  to validate and ajax call to another method.

    var request;
    request = $.ajax({
        url: '/post-method/returns-html',
        type: "post",
        data: serializedData
     });

    request.done(function (response, textStatus, jqXHR) {
        $('#div-id-want-to-update-on-submit').html(response);
    });
</script>

[edit2] - 忽略这一点，我在我的更新 div 中做了一个愚蠢的类型。如下所示，不需要 window.opener，DOM 可从主页获得。

4

1 回答 1

0

您应该能够参考打开文件window.opener.document

例如

request.done(function (response, textStatus, jqXHR) {
    $(window.opener.document).find('#div-id-want-to-update-on-submit').html(response);
});
于 2013-10-18T14:55:49.283 回答