jQuery getJSON() Method

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

Example

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>

Syntax

$.getJSON(url, success);

Parameter Values

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

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