jQuery getJSON() Method

You are Here:

jQuery getJSON() Method

jQuery getJSON() Method loads JSON-encoded data from the server using a GET HTTP request.

Note: JSON file used in this example is data.json


HTML Online Compiler
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery getJSON() Method</h1> <p>Click on the button and check your console.</p> <button>Click Me</button> <script> $(document).ready(function(){ $("button").click(function(){ $.getJSON("/data.json", function(data){ console.log(data); }); }); }); </script> </body> </html>


$.getJSON(url, success);

Parameter Values

urlRequiredSpecifies the URL to which the request to be sent.
successOptionalSpecifies a callback function that is executed if the request succeeds.


Hi Developers, we almost covered 95% of AJAX Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in AJAX.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Share this Page

Meet the Author