Open In App

jQuery | post() Method

Last Updated : 01 Mar, 2019
Comments
Improve
Suggest changes
Like Article
Like
Report
The post() method in jQuery loads the page from server using POST HTTP request and returns XMLHttpRequest object. Syntax:
 $.post( url, data, callback_function, data_type )
Parameters: This method accepts four parameters as mentioned above and described below:
  • url: It is the required parameter and used to send the request.
  • data: It is optional parameter and it represents key/value pairs of data that will be sent to the server.
  • callback_function: It is optional parameter and it represents a function to be executed when the data is loaded successfully.
  • data_type: It is optional parameter and it represents a type of data to be returned to callback function: xml, html, script, json, jsonp, or text.
main.php This PHP file call in the below example when button pressed. php
<?php
    echo "Hello Geeks!";
?>
Example: This example use post() method and call a PHP file. html
<!DOCTYPE html>
<html>
    
<head>
    <title>
        jQuery post() Method
    </title>
    
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>

<body>
    <h2 id="gfg">GeeksforGeeks</h2> 
    
    <button id="b">
        Click Here!
    </button> 
    
    <!-- Script to use post() method -->
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                $.post("/submit.php", {
                    name: "GFG",
                },
                
                function(data,status) {
                    document.getElementById("gfg").innerHTML
                            = data;
                    document.getElementById("b").innerHTML
                            = "Data Passed";
                });
            });
        });
    </script>
</body>

</html>
Output: Before clicking on the button: After clicking on the button:

Next Article

Similar Reads