html 当表单的方法是POST时，如何使用JavaScript和GET提交表单？

qzlgjiam 于 2022-11-20 发布在 Java

关注(0)|答案(2)|浏览(244)

内容

我有一个工作标准表单，有POST方法，有一个标准的提交按钮，我想以这种方式离开。

<form id="myform" method="post"...  >
   ...
   <input type="submit  .../>
</form>

但是在某些情况下，我希望以编程方式将表单数据发送到服务器端并重新呈现表单。

问题

如何使用GET方法实现document.myform.submit();，而不是POST在<form ...>元素中声明什么？

Html

来源：https://stackoverflow.com/questions/74497917/how-to-submit-a-form-using-javascript-with-get-when-the-forms-method-is-post

2条答案

按热度按时间

dm7nw8vv1#

在我看来，我会这样做（明确提交表单从js）...

<form id="my-form" method="post"...  >
   ...
   <button id="btn-submit" type="button"  .../>
</form>

<script>
 const submit = document.getElementById('btn-submit');
 submit.addEventListener('click', function(event) {
 event.preventDefault();
 const form = document.getElementById('my-form');
 if(SOME CONDITION) // some usecases in which we need different method.
 {
   form.method = 'POST';
 } else {
   form.method = 'GET';
 }
 form.submit();
});

</script>

赞(0）回复(0）举报 2022-11-20

k5ifujac2#

你总是可以通过 AJAX 请求将数据发送到服务器端，并根据收到的响应值做任何你想做的事情。如果你研究一下，有很多例子。这里还有另一个资源可以帮助你解决这个问题。Click here

赞(0）回复(0）举报 2022-11-20