jquery load callback function

Veröffentlicht am: 31 Mai 2015
auf dem Kanal: kudvenkat

56,452

183

Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenka...

Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspo...

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
/ @aarvikitchen5572

In this video we will discuss the use of complete parameter of jquery load function.

Syntax
.load( url [, data ] [, complete ] )

complete parameter is a callback function that is executed when the request completes. The callback function has 3 parameters.

CallbackFunction(response, status, xhr)

In the following example, the anonymous function that is passed as the third parameter to the load function is executed when the AJAX request completes.

Replace < with LESSTHAN symbol and > with GREATERTHAN symbol

<html>
<head>
<script src="jquery-1.11.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var textBoxes = $('input[type="text"]');
textBoxes.focus(function () {
var helpDiv = $(this).attr('id');
$('#' + helpDiv + 'HelpDiv').load('GetHelpText.aspx', { HelpTextKey: helpDiv },
function (response, status, xhr) {
var errorMessage = 'status : ' + xhr.status + '<br/>';
errorMessage += 'status text : ' + xhr.statusText + '<br/>';
errorMessage += 'response : ' + response;
$('#divError').html(errorMessage);
});
});

textBoxes.blur(function () {
var helpDiv = $(this).attr('id') + 'HelpDiv';
$('#' + helpDiv).html('');
});
});
</script>
</head>
<body style="font-family:Arial">
<table>
<tr>
<td>First Name</td>
<td><input id="firstName" type="text" /></td>
<td><div id="firstNameHelpDiv"></div></td>
</tr>
<tr>
<td>Last Name</td>
<td><input id="lastName" type="text" /></td>
<td><div id="lastNameHelpDiv"></div></td>
</tr>
<tr>
<td>Email</td>
<td><input id="email" type="text" /></td>
<td><div id="emailHelpDiv"></div></td>
</tr>
<tr>
<td>Income</td>
<td><input id="income" type="text" /></td>
<td><div id="incomeHelpDiv"></div></td>
</tr>
</table>
<br />
<div id="divError"></div>
</body>
</html>

If you want the code in the callback function to execute only if these is an error, you can do so using status parameter as shown below.
$('#' + helpDiv + 'HelpDiv').load('GetHelpText.aspx', { HelpTextKey: helpDiv },
function (response, status, xhr) {
if (status == 'error') {
var errorMessage = 'status : ' + xhr.status + '<br/>';
errorMessage += 'status text : ' + xhr.statusText + '<br/>';
errorMessage += 'response : ' + response;
$('#divError').html(errorMessage);
}
});

Auf dieser Seite können Sie das Online-Video jquery load callback function mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer kudvenkat 31 Mai 2015 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 56,452 Mal angesehen und es wurde von 183 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

262