Javascript Jquery将数据提交到ajax模式中的第二个选项卡

是否可以在打开的ajax模式下，在另一个第二个选项卡中发布来自选项卡1的数据，而无需重新加载页面？如果是的话，也许你们中的某个人可以给我一个提示，让我这么做

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"
        aria-hidden="true"></button>
       <h4 class="modal-title"><?php echo __('Send email'); ?></h4>
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-md-12">
            <ul class="nav nav-tabs">
               <li class="active"> <a href="#tab_1" data-toggle="tab"> <?php echo    __('E-Mail'); ?> </a></li>
        </ul>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="tab-content" style="height: 500px">
            <div class="tab-pane active" id="tab_1">
                <?php echo $this->Form->create('outbox', array('id' => 'mailform')); ?>
                <?php
                $templateArray = [];
                $subjectArray = [];
                $contentArray = [];
                foreach ($templates as $template) {
                    $templateArray[$template->id] = $template->name;
                    $subjectArray[$template->id] = $template->subject;
                    $contentArray[$template->id] = $template->content;
                }
                echo $this->Form->select('template.id', $templateArray, ['label' => __('template'), 'id' =>'template']);
                echo $this->Form->input("recipient", ['label' => __('Recipient'), 'type' => 'email']);
                echo $this->Form->input("subject", ['label' => __('subject'), 'id' => 'subject']);
                echo $this->Form->input('content', ['label' => __('content'), 'type' => 'textarea', 'id' => 'content']);
                ?>
                <a href="#tab_2" data-toggle="tab" data-action="ajax-submit"> <button type="button" class="btn btn-primary"> <?php echo __('preview'); ?> </button> </a>
                <?php echo $this->Form->end(); ?>
            </div>
            <div class="tab-pane" id="tab_2">
                <?php echo $this->Form->create('outbox', array('id' => 'mailform')); ?>
                <!--<iframe src=""  width="150%" height="500"> </iframe>-->
                <?php
                echo $this->Form->input('preview_body', ['label' => __('preview'), 'type' => 'textarea', 'id' => 'body']);
                ?>
                <a href="#tab_1" data-toggle="tab"> <button type="button" class="btn btn-default"> <?php echo __("edit"); ?> </button></a>
                <button type="button" class="btn btn-primary" data-action="ajax-submit" data-url="/ajax_info_mail" data-form-id="mailform"> <?php echo __("send"); ?> </button>
                <?php echo $this->Form->end(); ?>
            </div>

        </div>
    </div>
</div>
<?php echo $this->Form->end(); ?>
</div>
<div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-default"> <?php echo __("abort"); ?> </button
</div>

---

因此，发送方选择数组的一个模板，通过单击preview，它应该将带有替换主题和内容的预览加载到第二个选项卡中的模板中。如果用户想要编辑电子邮件，他会返回到第一个选项卡。

如果是从一个选项卡到另一个选项卡，我会使用localstorage或cookie。除非数据需要在服务器上持久化；在这种情况下，请使用ajax。您能提供一些代码吗？标签是否在同一个随机html？Post？一切都在同一页上；在关闭modal.Ok之前，只需从源读取并更新目标选项卡。但我如何做到这一点，而不重新加载ajax模式？