jQuery getJSON() Method

Last Updated:

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

Value Type Explanation
url Required Specifies the URL to which the request to be sent.
success Optional Specifies a callback function that is executed if the request succeeds.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
getJSON()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author