In this example you will learn, how to Load Local JSON File Using jQuery. You can simply use the $.getJSON() method to load local JSON file from the server using a GET HTTP request. If the JSON file contains a syntax error, the request will usually fail silently.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Loading Local JSON File</title> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> </head> <body> <script> $(document).ready(function(){ $.getJSON("test.json", function(data){ console.log(data.name); // Prints: Harry console.log(data.age); // Prints: 14 }).fail(function(){ console.log("An error has occurred."); }); }); </script> </body> </html> |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.