<!DOCTYPE html> <html> <head> <title>jQuery Ajax load() Method Example 2</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("#my_site").load("../examples/ajax/my_load_file.html", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success") alert("External content loaded successfully!"); if(statusTxt == "error") alert("Error: " + xhr.status + ": " + xhr.statusText); }); }); }); </script> <style type="text/css"> .btn{ padding:6px 15px;} </style> </head> <body> <div id="my_site"> <h2>Ajax load() Method</h2> </div> <button type="button" class="btn">Click Here!</button> </body> </html>
Output :
Topic :
Ajax load() Method Example 2
