How to Create AJAX Loading Method using JQuery


 In this article, you will learn How to Create AJAX Loading Method using JQuery.

Example:-

<html> <head> <title>AJAX Load Method in JQuery</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").load("test.txt", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success") alert("External content loaded successfully!"); if(statusTxt == "error") alert("Error: " + xhr.status + ": " + xhr.statusText); }); }); }); </script> </head> <body> <div id="div1"><h2>AJAX Load Method in JQuery</h2></div> <button>Get External Content Now</button> </body> </html>

test.txt

This is External test file content will be display after a click on “Get External Content” Now Button

Comments

Popular posts from this blog

TOP RECRUITMENT COMPANIES IN INDIA

Best Indian Colleges For MBA

Boost Your Brand New Site Up Google’s Ranking