JSP形式使用引导标签

以下结构不工作时：JSP形式使用引导标签

<form method="POST" action="servletName?action=defineAction"> 
    <button type="submit" class="btn btn-danger btn-xs pull-right cancelButton">Cancel</button> 
    <button type="submit" class="btn btn-success btn-xs pull-right saveButton">Save</button> 
    <div class="tab-content"> 
     <div id="Tool" class="tab-pane fade in active"> 
      code... 
     </div> 
    </div> 
</form>

当这些按钮点击，表单动作没有被调用，按钮无可奈何。

当我将Bootstrap选项卡从表单中删除时，它的工作原理与它应该的一样。

这不是一个选项，因为它们包含必须返回到servlet的信息，所以不会选项退出。

他们的方式是在表单中添加标签吗？或者定义当我点击某个按钮（在所述页面上）时，该按钮将调用表单并包含所有信息并将其发送到servlet？

在此先感谢。

来源

2017-03-14 user3004449

在你的控制器，你应该有这样的：@RequestMapping（值= “servletName行动= defineAction？”，方法= RequestMethod.POST）。 Tab-panel：https://codepen.io/wizly/pen/BlKxo – JMF

如果我不使用Spring框架会怎么样？ – user3004449

我建议你使用Spring Thymeleaf框架，它会更加直观和可靠，你会有更少的问题。如果你不使用spring，你将不得不使用如下的动作：action = servletName.php？action = defineAction @ user3004449 – JMF

这个工作对我来说：

//This is the save button which will start the AJAX calls to the servlet. 
<button type="submit" class="btn btn-success btn-xs pull-right saveButton" onclick="submitForms()">Save</button> 

<script> 
      function submitForms(){ 
       //This didn't work because it stops after the first submit. 
       //document.getElementById("form01").submit(); 
       //document.getElementById("form02").submit(); 
       //document.getElementById("form03").submit(); 
       //document.getElementById("form04").submit(); 
       //document.getElementById("form05").submit(); 
       //document.getElementById("form06").submit(); 
       //document.getElementById("form07").submit(); 

       var $form01 = $(document.getElementById("form01")); 
       var $form02 = $(document.getElementById("form02")); 
       var $form03 = $(document.getElementById("form03")); 
       var $form04 = $(document.getElementById("form04")); 
       var $form05 = $(document.getElementById("form05")); 
       var $form06 = $(document.getElementById("form06")); 
       var $form07 = $(document.getElementById("form07")); 

       $.post($form01.attr("action"), $form01.serialize(), function(response) {}); 
       event.preventDefault(); 

       $.post($form02.attr("action"), $form02.serialize(), function(response) {}); 
       event.preventDefault(); 

       $.post($form03.attr("action"), $form03.serialize(), function(response) {}); 
       event.preventDefault(); 

       $.post($form04.attr("action"), $form04.serialize(), function(response) {}); 
       event.preventDefault(); 

       $.post($form05.attr("action"), $form05.serialize(), function(response) {}); 
       event.preventDefault(); 

       $.post($form06.attr("action"), $form06.serialize(), function(response) {}); 
       event.preventDefault(); 

       $.post($form07.attr("action"), $form07.serialize(), function(response) {}); 
       event.preventDefault(); 
      } 
     </script>

来源

2017-03-16 07:47:36 user3004449

JSP形式使用引导标签

回答

相关问题