Skip to content
Related Articles

Related Articles

jQuery | get() Method
  • Last Updated : 01 Mar, 2019
GeeksforGeeks - Summer Carnival Banner

In jQuery .get() method loads data from the server by using the GET HTTP request. This method returns XMLHttpRequest object.

Syntax

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

Parameters

  1. url : String containing the URL at which request is to be sent
  2. data : This is an optional parameter that represents key/value pairs that will be sent to the server.
  3. callback: This optional parameter represents the function which is to be executed whenever the data is loaded successfully.
  4. type : This parameter represents type of data to be returned to the callback function i.e “xml”, “script”, “json”, “html”, “html”, “jsonp”, or “text”.

Example:

  • This PHP code is use to get data when below html program send the HTTP GET request.




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




  • This HTML code is use to send the HTTP GET request.




    <html>
      
    <head>
        <script type="text/javascript"
                src=
      </script>
      
        <script type="text/javascript"
                language="javascript">
            $(document).ready(function() {
      
            $("#driver").click(function(event) {
                    $.get(
                     "result.php", {
                         name: "GFG"
                     },
                     function(data) {
                         $('#stage').html(data);
                     });
                });
            });
        </script>
    </head>
      
    <body>
        <p>Click on the button to load result file 
      </p>
      
        <span id="stage" 
              style="background-color:#cc0;">
             GeeksForGeeks
          </span>
      
        <div>
            <input type="button"
                   id="driver"
                   value="Load Data" />
        </div>
      
    </body>
      
    </html>

    Output:
    Before clicking on the button:

    After clicking on the button:

    Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

    My Personal Notes arrow_drop_up
  • Recommended Articles
    Page :