ASP.NET – JQuery

Rien de spécial n’est requirejs – il suffit d’inclure les scripts Jquery. De nos jours, la méthode recommandée consiste à créer un lien vers un CDN tel que Google ou Amazon, ce qui vous donne plus d’informations:

http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery

Cela peut aider si vous débutez dans JQuery (démonstrations interactives): http://visualjquery.com/

Avec ASP.Net, l’essentiel est de garder à l’esprit que, lorsque la structure écrit automatiquement les identifiants côté client, vous accédez principalement à vos contrôles par leur type et leur nom de classe css plutôt que par leur identifiant. Vous pouvez utiliser plusieurs noms de classe css pour vous permettre de rechercher / filtrer vos contrôles HTML.

Bonne chance.

Incluez simplement le fichier jquery.js dans votre page.

Pour append à ce qui a déjà été noté, voici quelques astuces et pièges à surveiller.

1) Visual Studio 2008 et 2010 prennent en charge le support intellisense pour jQuery à l’aide de fichiers vsdoc. Pour 2008, vous avez besoin du SP1 ou d’un correctif. Dans tous les cas, si vous incluez un fichier vsdoc pour un script dans le même dossier que votre inclusion, vous aurez un support de conception, par exemple si vous utilisez jquery-1.4.2.js également inclure jquery-1.4.2-vsdoc.js dans le même dossier. Les fichiers vsdoc sont souvent en retard par rapport à la version actuelle de jQuery, mais vous pouvez simplement renommer la version précédente, qui fonctionnera généralement aussi.

2) Un asp.net 3.5 ou inférieur, vous devrez utiliser ClientID pour référencer les balises DOM ID. De meilleures alternatives sont disponibles dans 4.0 (voir la réponse précédente). Dans un fichier de marquage, utilisez simplement <%=MyControl.ClientID %> . Parfois, il peut être utile de configurer certaines références à l’avance:

3) Il est possible de mélanger jQuery et UpdatePanels, mais comprenez qu’il peut y avoir des conflits. Par exemple, utiliser jQuery pour append des événements à des objects générés par asp.net (comme ci-dessus avec myLink) ne fonctionne pas toujours, car asp.net ajoute également un code d’événement client. Bien que la sagesse conventionnelle de jQuery soit la meilleure pratique pour append des événements avec jQuery, avec asp.net, il est souvent préférable de les append dans code -hind pour qu’ils fonctionnent correctement avec les éléments ajoutés par asp.net. Ainsi, au lieu de l’extrait ci-dessus pour append un gestionnaire de clics, dans codebehind vous feriez:

 somethingElse.Atsortingbutes.Add("click","myLinkClickFunction()"); 

et dans le script:

 function myLinkClickFunction() { $modalPanel.dialog(); } 

4) Dans asp.net il y a toujours un seul formulaire avec l’id “aspnetForm” dans lequel tout ce qui parle au serveur doit vivre à l’intérieur. Parfois, il faut que les choses (comme les dialogs modaux) sachent à ce sujet.

5) Quand vous commencez à utiliser ajax, jQuery peut parfaitement parler à asp.net, mais la plupart des gens le font avec jQuery ne fonctionne pas très bien pour asp.net. Il y a probablement beaucoup à dire sur les nuances, mais en général, récupérez le plugin jquery-json et construisez des requêtes ajax comme celle-ci:

 var ajaxData = { parm1: 'value1', parm: 'value2' }; // you will probably use other options too (success, error, asycn) $.ajax({ url: "/my/webservice.asmx/MyMethodName", type: "POST", contentType: "application/json; charset=utf-8", dataType: "json", data: $.toJSON(ajaxData), }); 

La clé ici est que vous devez sérialiser l’object jQuery à une chaîne. Cela ne semble pas être le cas pour php (et dans la plupart des exemples), de sorte qu’il peut être déroutant jusqu’à ce que vous le découvriez.

S’amuser!