Form Tag with some input tag in MVC View and use of GET and POST Method in MVC
In MVC we use GET and POST Method to Each Request and Reply. If we do not set any method for MVC Application then it uses GET Method by Default.
Create a simple MVC Application. Create Home controller and create index view. Simply print Some String in this view and Execute this code.
Note: - To understand basic of MVC kindly read my previous articles: - Controller in MVC and View in MVC
After executing the code you will get following output.
Now press the F12 to open the DevTool. Developers Tool is a Debugging Tool in Chrome which provides accessibility of Web Application in Detail.
Now create another view in this application. Create another method name Welcome in Home Controller and create view for this method. Execute the application and request the Welcome View and then press F12
As you can see that for every request it is using GET Method by default. Now create the form tag in your view and set the Method as Post in both view i.e. index and welcome
In Index View
Welcome to GET and Post Example
In Welcome View
After that execute the code and press F12
Output of Index View
Output of Welcome View
As you can see the even after set the method post we are getting our request on GET Method which is little bit shocking.
The reason is the Every First Request (It is applicable only when we directly open the page. But if page opened from redirection then depends on method) will be handled by the GET method but after postback request depends what you set? If you set it post then it shows request on post otherwise GET.
Let’s create a Form with submit button.
Create the Form in Index View. In this view I have created two input type and a submit button. Do not set any method which means it will take GET Method by Default.
Note:-kindly note the name property of HTML Control which we are going to set.
<td>Enter First Name</td>
<td><input type="text" id="fname_id" name="fname_name" /></td>
<td>Enter Last Name</td>
<td><input type="text" id="lname_id" name="lname_name" /></td>
<td><input type="submit" /></td>
Now execute this code and press F12.
After filling data click on Submit Button
After pressing the button you can see that data bind on the URL in GET Method and it is using name property which we set in the input type.
Now set the Post method and again execute the same code.
Now press the submit button
As you can see that data do not bind with URL. It actually binds with Form when request method is post. We can see that data by clicking on localhost.
Hope you enjoyed the code and understand the difference between GET and Post Request.
For any query you can mail me at firstname.lastname@example.org