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
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. |
Reminder
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.