CODEWITHSUNDEEP
javascript
hari vallabh shukla
hari vallabh shukla

Reputation: 109

Submit form with parameter through Javascript

Below is my Javascript code where k and m are Javascript variables.

function javascriptfunction() {
  document.forms[formname].action="gotopage.php?parameter1="+k+"&parameter2="+m;
  document.forms[formname].submit();
}

The above code executes correctly when my HTML form has a POST method. Below is my HTML page:

<form name="formname" action=# method=POST>
  <input type=text name="data1" value="one">
  <input type=text name="data1" value="two">
  <input type=button name="button1" value="send" onclick="javascritfunction();">
</form>

But when I give a GET method in my HTML form, then the HTML form data is submitted i.e

gotopage.php?data1=one&data2=two is submitting not Javascript action value i.e
gotopage.php?parameter1="+k+"&parameter2="+m

So how to submit the form with Javascript parameter when the method is GET in the HTML form?

Upvotes: 4

Views: 17052

Answers (2)

davnicwil
davnicwil

Reputation: 30957

In a GET request the form data has nowhere to 'go' other than in the query parameter string. So as Quentin points out, the query string gets automatically swapped out with the form field key value pairs. So you must use hidden fields to include extra data.

In a POST request you've also got the query parameter string available, if you want to use it, but the form data gets inserted into the request payload (which a GET request does not have), so does not interfere with the query string. That's why you can customise the action url with whatever query string you like.

Upvotes: 0

Quentin
Quentin

Reputation: 943518

Submitting a GET form will replace the query string in the action with the form data.

Put the data in hidden inputs instead.

Upvotes: 8

Related Questions