Question

我有一个CakePHP表单，我想允许用户显示预览。因此，有一个预览提交按钮#btn_submit_preview，当用户单击该按钮时，表单中的数据将被序列化并发送到我的控制器。该控制器保存数据并返回带有预览的HTML视图输出：

 $('#btn_submit_preview').click(function (event) {
    var formData = $("#OfferAddForm").serialize();
    $.ajax({
        type: "POST",
        url: "/offers/preview/",
        data: formData,
        success: function (data) {
            $('#content').html(data);
            $('#myModal').modal('show');
        }
    });
    event.preventDefault();
    return false;
});

将数据传回页面后，我需要在Boostrap模式窗口中显示它们。我有这些用于模态的HTML源代码。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" id="content">
        </div>
    </div>
</div>

问题：是我打开“预览”的方式还是我应该做些什么？我非常确定将返回的数据分配回模态窗口 - $('#content').html(data);也许我应该返回所有带有预览数据的模态窗口的HTML源并仅打开它？？

Answer 1

我认为你现在拥有的东西非常好。我不会返回整个模态的HTML源代码，我只是抓取电子邮件的HTML并将其显示在我的模态上，这有助于更好地分离关注IMO。

如何将表单数据发送到远程URL并在Bootstrap模式中显示结果？

1 个答案: