javascript - 一个形成两个 Action 取决于哪个按钮？

我有两个文件，preview.php 和 save.php

<form id="create-template" class="form" action="" method="post">
    <p class="_50">
        <label for="t-name">Template name</label>
        <input type="text" name="t-name" class="required"/>
    </p>
    <p class="_100">
        <label for="t-html">Template HTML</label>
        <textarea id="t-html" name="t-html" class="required" rows="10" cols="40"></textarea>
    </p>
    <div class="clear"></div>

    <div class="block-actions">
        <ul class="actions-left">
            <li><a class="button red" id="reset-template" href="javascript:void(0);">Clear</a></li>
        </ul>
        <ul class="actions-right">
            <li><div id="preview"><input type="submit" class="button" value="Preview template" onclick="return false;"></div></li>
            <li><input type="submit" class="button" value="Create template"></li>
        </ul>
    </div>
</form>

当前JS:

$("#preview").click(function() {
    $.post('preview.php', {body:$('#t-html').val().replace(/\n/g,'<br />'), function (result) {
        //maybe use .ajax instead? 
        //open preview.php in new window
    });
});

如何使用相同的表单，但根据按下的按钮执行两个不同的操作？

预览模板 => preview.php => 打开新选项卡

创建模板 => save.php => 同一页面上的帖子

最佳答案

您可以为按钮提供一个单击事件处理程序，并相互附加同时进行的 ajax 调用。

您可以使用 JavaScript 在新选项卡中打开窗口。