Recharger le javascript externe après la publication asynchrone via UpdatePanel

Question

J'ai un javascript externe sur ma page, par ex. quelque chose comme:

<script src="http://foo.com/script.js" type="text/javascript"></script> 

et un UpdatePanel quelque part. Le script écrit du contenu, et cela à partir d'une fonction javascript anonyme dans le fichier js. À savoir, il y a quelque chose comme ça dans le script:

(function(){document.write('content');})(); 

Chaque fois que le UpdatePanel est mis à jour par publication asynchrone, tout le script fait (ou tout javascript sur ma page, pour cette question) est une action de retour. Pour javascript normal, je voudrais simplement utiliser:

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(myFunction) 

refaire tout cela, mais étant donné que la fonction dans le fichier source du script est anonyme et fait appel à la définition, je suis SOL! Des idées?

Remarque: la source externe js provient d'un autre domaine et son contenu est hors de mon contrôle.

Answer 1

Ok, la « solution » (« hack laid sale », si vous préférez) je suis venu avec:

Au lieu de charger le js fichier directement, je charger via une enveloppe qui lit le fichier, enveloppements le résultat en javascript personnalisé qui place la fonction anonyme dans un tableau global, et appelle toutes les fonctions de ce tableau au chargement et après chaque publication asynchrone.

Veuillez ne pas entrer cette solution dans les concours de beauté.

Answer 2

Le vrai problème ici était que je n'utilisais pas UpdatePanels correctement. Si le UpdateMode de tous les UpdatePanels sur votre page est défini sur Conditionnel, et que votre ScriptManager a une mise à jour partielle activée, il ne devrait pas vraiment "[annuler] tout ce que le script a fait".

Answer 3

Essayez cette

private string _myScript = @"(function(){ 
          var ys = document.createElement('script'); 
          ys.type='text/javascript'; ys.async=true; 
          ys.src='http://foo.com/script.js'; 
          var s = document.getElementsByTagName('script')[0]; 
          s.parentNode.insertBefore(ys,s); 
          });"; 

Puis dans votre Page_Load

ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "myScript", _myScript , true);