#jQuery.loadscript ##Load debuggable Javascript scripts Load a JavaScript file from the server using a GET HTTP request, then execute it. This function looklike jQuery.getScript() but it use LazyLoad system. So you can debug the loaded file with a Javascript debugger. With Firebug for exemple...
[Une documentation en francais est disponibles ici: http://marcbuils.developpez.com/cours/javascript/chargez-en-ajax-des-scripts-deboguables/]
##Author Marc Buils ([email protected]) Lei Ming ([email protected])
##License LGPL v3 (http://www.gnu.org/licenses/lgpl-3.0.txt)
##Current version v0.1.1:
- add
paramsparameter
##Usation For default use, load only jQuery.pluginautoload script:
$.loadScript( url [, prperties] [, callback()] )
or
$.loadScript( url [, prperties] ).done( callback() );
- url: URL of the script to Load.
- prperties: the prperties in HTMLScriptElement.
- Specifically, setting
{lazyLoad : true}will append thescripttag to<body>instead of<head>.
- Specifically, setting
- callback: function without paraleters, called when the script is loaded.
This function return a jQuery.Deferred() object.
###Example 1: Example with Deferred (recommended)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Exemple of jQuery.loadScript with deferred</title>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="../jquery.loadscript.js"></script>
<script>
$(function () {
$.loadScript('test.js', {'charset': 'UTF-8', 'lazyLoad': true}).done(function () {
$('#test').test();
});
})
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>###Example 2: Example with callback
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Exemple of loadScript with callback</title>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="../jquery.loadscript.js"></script>
<script>
$(function () {
$.loadScript('test.js', {'charset': 'UTF-8'}, function () {
$('#test').test();
});
});
</script>
</head>
<body>
<div id="test">clique ici</div>
</body>
</html>###Example 3: Example of multiple script loading
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Exemple of multiple script loading</title>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="../jquery.loadscript.js"></script>
<script>
$(function () {
$.when($.loadScript('test.js'),
$.loadScript('test2.js', {'charset': 'UTF-8', 'lazyLoad': true})).done(function () {
$('#test').test();
$('#test2').test2();
});
});
</script>
</head>
<body>
<div id="test">clique ici</div>
<div id="test2">clique ici</div>
</body>
</html>###Example 4: Exemple of jQuery.loadScript with onerror
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Exemple of jQuery.loadScript with onerror</title>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="../jquery.loadscript.js"></script>
<script>
$(function () {
$.loadScript('http://not.exist/test3.js', {
'charset': 'UTF-8', 'lazyLoad': true, 'onerror': function (oError) {
$("#test").html('error: ' + oError.isTrusted)
}
}).done(function () {
$('#test').test();
});
})
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>