Skip to content
Related Articles

Related Articles

Improve Article

jQuery | getJSON() Method

  • Last Updated : 06 Mar, 2019

The getJSON() method in jQuery fetches JSON-encoded data from the server using a GET HTTP request.



Parameters: This method accepts three parameters as mentioned above and described below:

  • url: It is required parameter. It is used to specify the URL in the form of a string to which the request is sent
  • data: It is an optional parameter which specifies data that will be sent to the server.
  • callback: It is also an optional parameter which runs when the request succeeds .

Return Value: It returns XMLHttpRequest object.

Below example illustrates the getJSON() method in jQuery:

employee.json file:

“name”: “Tony Stark”,
“age” : “53”,
“role”: “Techincal content writer”,
“company”:”Geeks for Geeks”

Example: This example get the JSON file and display its content.

<!DOCTYPE html>
        jQuery getJSON() Method
    <script src=
    <!-- Script to get JSON file and display its content -->
    <script type = "text/javascript" language="javascript">
        $(document).ready(function() {
                $.getJSON('employee.json', function(emp) {
                    $('#display').html('<p> Name: ' + + '</p>');
                    $('#display').append('<p>Age : ' + emp.age+ '</p>');
                    $('#display').append('<p> Role: ' + emp.role+ '</p>');
                    $('#display').append('<p> Company: ' + '</p>');
          Click on the button to fetch employee data
      <div id = "display" style = "background-color:#39B54A;"></div>
      <input type = "button" id = "fetch" value = "Fetch Employee Data" />

Before Clicking the button:
before clicking the button
After Clicking the button:
After Clicking the button

My Personal Notes arrow_drop_up
Recommended Articles
Page :