jQuery getJSON() Method

jQuery | get() Method

Last Updated : 01 Mar, 2019

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

url : String containing the URL at which request is to be sent
data : This is an optional parameter that represents key/value pairs that will be sent to the server.
callback: This optional parameter represents the function which is to be executed whenever the data is loaded successfully.
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.

php

// 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

<html>

<head>
    <script type="text/javascript"
            src=
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
  </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:

jQuery getJSON() Method

A

A_K_Mishra

Improve

Article Tags :

Similar Reads

jQuery ajax() Method

The jQuery ajax() method is used to perform asynchronous HTTP requests, allowing you to load data from a server without reloading the webpage. It provides a flexible way to interact with remote servers using GET, POST, or other HTTP methods, supporting various data formats.Syntax:$.ajax({name:value,

jQuery ajaxSetup() Method

The ajaxSetup() method in jQuery is used to set the default values for future AJAX requests. Syntax: $.ajaxSetup( {name:value, name:value, ... } )Parameters: type: It is used to specify the type of request.url: It is used to specify the URL to send the request to.username: It is used to specify a us

jQuery | get() Method

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 url : String containing the URL at which request is to be sent data : This is an optional parameter that represents

jQuery getJSON() Method

In this article, we will learn about the getJSON() method in jQuery, along with understanding their implementation through the example. jQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous for its philosophy of â€œWrite less, do

JQuery | parseJSON() method

This parseJSON() method in jQuery takes a well-formed JSON string and returns the resulting JavaScript value. Syntax: jQuery.parseJSON( json )Parameters: The parseXML() method accepts only one parameter that is mentioned above and described below: json: This parameter is the well-formed JSON string

jQuery getScript() Method

The getScript() method in jQuery is used to run a JavaScript using AJAX HTTP GET request. Syntax: $(selector).getScript(url, success(response, status))Parameters: It contains two parameters as mentioned above and described below: url: It is a required parameter. It holds the url to whom the request

jQuery param() method

The param() method in jQuery is used to create a serialized representation of an object. Syntax: $.param( object, trad )Parameters: This method accepts two parameters as mentioned above and described below: object: It is a mandatory parameter that is used to specify an array or object to serialize.t

jQuery | post() Method

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 us

jQuery ajaxComplete() Method

The ajaxComplete() method is used to specify a function to be run when an AJAX request completes. Syntax: $(document).ajaxComplete(function(event, xhr, options))Parameter: event: It contains the event object. xhr: It contains the XMLHttpRequest object. options: It contains the used options in AJAX r

jQuery ajaxError() Method

The ajaxError() method in jQuery is used to specify a function to be run when an AJAX request fails. Syntax: $(document).ajaxError( function(event, xhr, options, exc) )Parameters: This method accepts single parameter function which is mandatory. This function accepts four parameters which are listed