jeudi 1 novembre 2012

#jQuery loadscript: Chargez en #ajax des fichiers #javascript debuggables


Vous ne vous êtes jamais retourné avec un script impossible à debuggé parce qu'il avait été chargé en Ajax ?

Si oui, je vous propose de remplacer vos fonction jQuery.getScript ou jQuery.ajax par jQuery.loadScript ; un plugin jQuery qui permet de charger vos fichiers scripts en Ajax, mais tout en vous permettant de les debugger via un debugger Javascript comme Firebug.
Son autre point fort réside dans le fait qu'il peut charger plusieurs scripts et appeler votre callback qu'une fois tous les scripts chargés.

Il peut s'utiliser de la même façon que jQuery.getScript.

 Utilisation:
$.loadScript( url [, callback()] )  
ou
$.loadScript( url ).done( callback() );  

url: URL du script à charger
callback: Fonction qui sera appelée lorsque le script est chargé et exécuté.
Cette fonction retourne un object jQuery.Deferred().

Exemple 1: Exemple d'utilisation avec Deferred (recommandée)

 
  
  Exemple of jQuery.loadScript with deferred
  
  
  
 
 
  
Exemple 2: Exemple d'utilisation avec une fonction de callback

 
  
  Exemple of loadScript with callback
  
  
  
 
 
  
clique ici
Exemple 3: Exemple d'utilisation pour charger plusieurs scripts

 
  
  Exemple of multiple script loading
  
  
  
 
 
  
clique ici
clique ici

Aucun commentaire:

Enregistrer un commentaire