How to submit a form using javascript with GET, when the form's method is POST?

Question

Context

I have a working standard form, with method POST, with a standard submit button, and I would like to leave this in this way.

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

However in some circumstances, I would like to programmatically send the form data to server side and re-render the form. Sending the form data with GET would be great this case.

Question

How can I achieve that document.myform.submit(); use the GET method, instead the POST what is declared in the <form ...> element?

Use AJAX to send the data with get method and add an event listener for your form to pervent defaults. — I'm NOT a programmer
– I'm NOT a programmer, Commented Nov 19, 2022 at 6:18

Rehman Ahmed Khan · Accepted Answer · 2022-11-19 06:42:42Z

1

In my opinion, I will do this(Explicitly Submit form from 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>

answered Nov 19, 2022 at 6:42

Rehman Ahmed Khan

466 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hoda Shakourbin · Accepted Answer · 2022-11-19 06:48:23Z

0

You can always send your data to your serverside by AJAX request and do whatever you please by the response value that you receive. There are plenty of examples if you research it. Also here's another source to help you get through this problem. Click here

edited Nov 19, 2022 at 6:48

answered Nov 19, 2022 at 6:40

Hoda Shakourbin

1061 silver badge9 bronze badges

Collectives™ on Stack Overflow

How to submit a form using javascript with GET, when the form's method is POST?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related