Copyright © tutorialspoint.com

# post( url, data, callback, type ) Method

# Description:

The jQuery.post( url, [data], [callback], [type] ) method loads a page from the server using a POST HTTP request.

The method returns XMLHttpRequest object.

# Syntax:

Here is the simple syntax to use this method:

    $.post( url, [data], [callback], [type] )

## Parameters:

Here is the description of all the parameters used by this method:

- url: A string containing the URL to which the request is sent

- data:: This optional parameter represents key/value pairs or the return value of the .serialize() function that will be sent to the server.

- callback:: This optional parameter represents a function to be executed whenever the data is loaded successfully.

- type:: This optional parameter represents a type of data to be returned to callback function: "xml", "html", "script", "json", "jsonp", or "text".

# Example:

Assuming we have following PHP content in /jquery/result.php file:

    <?php
    if( $_REQUEST["name"] )
    {
       $name = $_REQUEST['name'];
       echo "Welcome ". $name;
    }
    ?>

Following is a simple example a simple showing the usage of this method:

    <html>
    <head>
    <title>the title</title>
       <script type="text/javascript"
       src="/jquery/jquery-1.3.2.min.js"></script>
       <script type="text/javascript" language="javascript">
      $(document).ready(function() {
          $("#driver").click(function(event){
              $.post(
                 "/jquery/result.php",
                 { name: "Zara" },
                 function(data) {
                    $('#stage').html(data);
                 }

              );
          });
       });
       </script>
    </head>
    <body>
       <p>Click on the button to load result.html file:</p>
       <div id="stage" style="background-color:blue;">
              STAGE
       </div>
       <input type="button" id="driver" value="Load Data" />
    </body>
    </html>

To understand it in better way you can Try it yourself.

Copyright © tutorialspoint.com