HTML GET and POST Methods

Question

Is it mandatory that action="abc.php" in the FORM tag must have a PHP, JSP, ASP file? Can plain HTML code display the data represented in FORM ?

In other words,

FILE: abc.html

 <form method="post" action="xyz.html"> <input type="text" name="name" id="name" value="Enter your name here" /> </form> 

OR

 <form method="get" action="xyz.html"> <input type="text" name="name" id="name" value="Enter your name here" /> </form> 

Now in the xyz.html file, is xyz.html possible to display the name entered in abc.html using only HTML code?

Answer 1

HTML alone cannot access the provided POST / GET data. You need a server language (PHP, python, ruby, .NET, ...) to put these values ​​in HTML.

Having said that, you can publish to an HTML page, you simply cannot do anything with it.

You can use JavaScript to access GET variables , but not POST.

Answer 2

You cannot deal with it only with html. You must have a server side scripting language like PHP, ASP.Net or java etc.

Answer 3

The purpose of using this extension on the server side is to manipulate the data sent from form elements on the server using the POST or GET method, but if you want to display the data entered in the browser, you can send it to the .html file, because they don’t have to need to be manipulated.

Answer 4

No, you can’t. The reason for the data transfer to the server, and the server cannot process the data using simple HTML code, except for the server language such as PHP, PYTHON, JAVA, etc.

Answer 5

you need a server language to process the form and receive data from the user. In PHP, at least as I know, you can leave the action = "" empty, which means that you will process the form on the same page

Answer 6

Yes, you could do it with simple html + javascript. As an example, you can get http parameters using jQuery. Further information is available here:

Get Shielded URL

Answer 7

You can do this with the jQuery Ajax method.

 $ (document) .ready (function () {
           ajaxFunction ();
 });
     function ajaxFunction () {
         var postdata = jQuery ("# ​​form"). serialize ();
         jQuery.ajax ({
             url: "xyz.html",
             type: "POST",
             data: postdata,
             success: function (response) {
                     console.log (response);
             },
             error: function () {
                 console.log (response);
             }
         });
     } 

link