1. home
  2. Tutorials
  3. Tutorial
Edit

jQuery Load

jQuery load() Method

The jQuery load() method is used to load data from the server and place the returned HTML into the selected element. The basic syntax of this method can be given with:

$(selector).load(URL, data, complete);

Example of Code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#example-jquery-ajax-button").click(function(){
    $("#example-jquery-ajax-div").load("/assets/tutorial_demo_test/tutorial_demo_test.php");
  });
});
</script>
</head>
<body>
<div id="example-jquery-ajax-div"><p>This content would be change when you click on button</p></div>
<button id="example-jquery-ajax-button">click here</button>

Output

This content would be change when you click on button