Run
<!DOCTYPE html> <html lang="en"> <head> <title>Live Demo: AJAX Get JSON Data from URL</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(document).ready(function () { $('.mysubmit').on('click', function (e) { myURL = "myjson.json"; $.ajax({ type: "GET", url: myURL, dataType: 'json', success: function(data){ $('#data').append(data[0].Name) //Result: John; $('#data').append("<br>"); $('#data').append(data[0].Email) //Result: john@gmail.com; } }); return false; }); }); </script> <style> body{ padding: 15px; } </style> </head> <body> <button name="submit" type="submit" value="Submit" class="mysubmit">AJAX Get JSON Data</button> <div id="data"></div> </body> </html>
Go to
Tutorialdeep Homepage