If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
$.load() method jQuery का सबसे simple method है AJAX Request Send करने के लिए। load() method दिए गए URL से data load करके selected element में put करता है।
$(".target_elm").load('url', data, callback_function)url : वो URL जिसके लिए हम request send करना चाहते हैं , यहाँ हम किसी file का name भी दे सकते हैं file content load करने के लिए।
data : यह Optional होता है , जिसमे हम Query String ('key = value' pair) form में data send करते हैं।
callback function : function जो request end होने के बाद run होता है , जो की 3 parameter (response , status , xhr) होते हैं। यह Optional होता है .
File : jquery_load.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery $.load() Method </title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<p class="target_elm">Click bellow buttons button to see result.</p>
<p>
<button class="send_request">load() Content</button>
</p>
<script type="text/javascript">
window.onload = function()
{
/*check if jquery working*/
if(window.jQuery)
{
$(".send_request").click(function(event) {
$(".target_elm").load('handle_request.php', 'name=Rahul', function(response, status, xhr){
/*see in console , what's coming*/
console.log('Response ', response);
console.log('status', status);
console.log('xhr ', xhr);
});
});
}
}
</script>
</body>
</html>
File : handle_request.php
<?php
echo 'Request Recieved';
echo '<br>'; /*for line break*/
echo 'Name : '. $_REQUEST['name'];
?>अब अगर $.load () method के through किसी file का content load करना हो तो कुछ इस तरह से करते हैं।
$('#target_div').load('file.txt');