Javascript 无法创建输入标记以提交表单并打开引导模式

我需要向servlet提交一个表单，同时在.jsp文件中打开一个带有输入标记的引导模式。但是，如果将输入标记类型设置为“button”，则无法将表单提交到servlet。如果我将类型设置为“提交”，则引导模式不起作用。我能用一个按钮完成这两个功能吗

谢谢

<FORM METHOD="post" ACTION="<%=request.getContextPath()%>/PostController" id="getOneForUpdateForm"> 
<input class="btn" type="button" data-toggle="modal" data-target="#exampleModal" value="editPost">
<input type="hidden" name="postno" value="${postVO.postno}">
<input type="hidden" name="action" value="getOne_For_Update">
</FORM>

这是引导模式

<!-- Modal -->

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Edit the Post</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">

  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save Changes</button>
  </div>
</div>

编辑帖子
&时代；
接近
保存更改

html的默认表单提交会使页面重新加载， 但是您可以使用jquery提交表单，并在模式打开时保持页面活动。 它被称为AJAX、异步JavaScript和XML

如果没有，我建议您包括jquery

那么你的表格应该是这样的

<FORM METHOD="post" ACTION="<%=request.getContextPath()%>/PostController" id="getOneForUpdateForm"> 
<input class="btn" type="submit" data-toggle="modal" data-target="#exampleModal" value="editPost">
<input type="hidden" name="postno" value="${postVO.postno}" id="postno">
<input type="hidden" name="action" value="getOne_For_Update" id="action">
</FORM>

---

谢谢你的回复，但它不起作用。它可以提交表单并重新加载页面，但无法打开引导模式。我还尝试编写一个函数，在提交表单时打开模式，如下所示。有什么我可以试试的吗？提前感谢函数showModal（）{$（“#getOneForUpdateForm”）.submit（函数（e）{$（'#EditPostModal'）.modal（'show'）；}）}

$("#getOneForUpdateForm").on("submit", function(event) {
  event.preventDefault();
  $.post(
    $("#getOneForUpdateForm").action,
    {
      name: $("#postno").val(),
      action: $("#action").val()
    },
    function(data, textStatus, jqXHR) {
      console.log("form submitted");
    }
  );
});