In jQuery, the .load() method is a powerful and easy way to load data from a server and insert it into a selected HTML element, without reloading the entire page. It’s part of jQuery’s AJAX functions.

? Syntax

javascript
$(selector).<div "#btn").click(function() {    $("#result").load("demo.html");  });</script>

When the button is clicked, it loads the content of demo.html into the #result div.

? Example 2: Load Only a Part of a Page

You can load only a specific part of the page using a CSS selector after the file name:

javascript
$(<?phpecho "This is loaded from the server!";?>

? HTML

html
<button "#loadBtn").click(function() {    $("#msgBox").load("data.php");  });</script>

? Summary