How to use load() Method in JQuery AJAX
In this article, I will explain use of load() Method in JQuery AJAX.
JQuery AJAX load() Method
- load() method loads data from the server using AJAX request and places the returned HTML into the matched element.
- load() method is also a jQuery Event method called load.
Syntax
|
$(selector).load(url,data,function(response,status,xhr))
|
Parameter
Example
The following example show the use of load() method.
|
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("button").click(function () {
$("div").load('jquery_ajax_demo.txt');
});
});
</script>
</head>
<body>
<h2>load() Method Example</h2>
<button>Click on</button>
<div></div>
</body>
</html>
|
Output
You may also want to read these related articles Click here
Ask Your Question
Got a programming related question? You may want to post your question here
Programming Answers here