Question

我有一个三键式表格。第一个按钮＆＃34;仅保存文档＆＃34;，第二个按钮＆＃34;仅生成PDF＆＃34;和第三个按钮＆＃34;保存文档和生成PDF＆＃34;。

仅保存按钮 - 只需提交表单 - 工作正常

<form method="post">
  <button type="submit" name="save">
  <input>....
</form>

仅生成PDF按钮 - 使用简单的jquery更改表单操作和目标并将其发送到PDF生成器 - 也正常工作

<form method="post">
   <button type="submit" name="generate" id="generate">
   <input>....
</form>

<script>
$('#generate').click(function(){
   $('form').get(0).setAttribute('action', './library/pdf/generator.php');
   $('form').get(0).setAttribute('target', 'blank'); 
   });
</script>

保存文档和生成PDF按钮 - 在这里我需要一次性合并...提交+保存数据并在新选项卡（窗口）中打开PHP生成器..两者都具有相同的POST数据...任何想法？我被困在这里

编辑：尝试了这个回调没有运气..它只打开pdf生成器（在jquery中的im begginer，所以也许它的不存在）

$(function() {
$('#saveandgenerate').click(function(){
   $('form').get(0).setAttribute('action', './library/pdf/generator.php');
   $('form').get(0).setAttribute('target', 'blank');
   $('form').get(0).submit(function(){ 
      $('form').get(0).setAttribute('action', '');
      $('form').get(0).setAttribute('target', '');
      $('form').get(0).submit();
      }); 
   });
});

Answer 1

我建议使用简单的ajax帖子而不是javascript来提交表单。

<form method="post" id="myForm">
   <button type="button"  id="generate" onclick="save_data();">
         Generate PDF
   </button>
   <input>....
</form>
<script>
     function save_data(){
            $.ajax({
                url: 'first/post/location/url',
                type: 'post',
                data: $("#myForm").serialize(),
                success: function (response) {
                    setTimeout(function (){
                       document.getElementById("myForm").submit();
                    }, 1000);
                }

            });
        }
</script>

希望这有帮助。

Answer 2

工作解决方案：

$(function() {
$('#save_and_generate').click(function()
    {
    $('form').get(0).setAttribute('action', './library/pdf/generator.php');
    $('form').get(0).setAttribute('target', 'blank');
    $('form').get(0).submit();
    setTimeout(function() {
        $('form').get(0).setAttribute('action', '');
        $('form').get(0).setAttribute('target', '');
        $("button#save").trigger('click');
        },100); 
    });
});

使用“保存并生成PDF”提交＆gt;改变形式属性并用PDF打开核心新窗口＆gt; 100个超时更改后，表单属性为默认值＆gt;触发“仅保存”按钮

提交包含三项操作的表单

2 个答案: