Maison  >  Article  >  interface Web  >  Comment implémenter ASP.NET et Ajax

Comment implémenter ASP.NET et Ajax

亚连
亚连original
2018-05-25 09:52:303437parcourir

Ajax ne devrait pas être une technologie, c'est juste une idée. Cela n'a rien à voir avec ASP.NET et d'autres langages de développement Web. Nous parlons ici simplement de la technologie Ajax actuellement utilisée dans ASP.NET et d'autres implémentations Ajax. Excellent cadre. Amis intéressés, apprenons comment implémenter asp.net et ajax ensemble

Ajax est très populaire depuis un certain temps, mais parler d'Ajax semble maintenant un peu démodé, -_____-". Le so- Les sites Web appelés Web2.0 sont fondamentalement Il n'y a rien sur Internet qui n'utilise pas Ajax, tout comme l'utilisation de RSS, c'est comme une étiquette, et il devient 2.0 lorsque vous le mettez. Quels que soient les détails spécifiques d'Ajax, c'est. le but est de permettre à l'utilisateur de déclencher certaines opérations, afin que la page ne soit pas rafraîchie, mais uniquement rafraîchie. Pour les "pages partielles" à mettre à jour, pendant le processus de chargement des données, l'image de chargement est utilisée pour indiquer que les données. est en cours de chargement. Cela a non seulement une belle apparence, mais améliore également l'expérience d'accès de l'utilisateur et a une sensation agréable

Quant à Ajax utilisé dans ASP.NET, je pense que la plupart des gens utilisent Ajax.net/AjaxProfessional ou le. Framework Atlas inclus dans ASP.NET 2.0 Depuis qu'ils ont été utilisés, je pense que ce ne sont pas des solutions Ajax

AjaxPro n'est pas très pratique à utiliser. similaire à

private void Page_Load(object sender, System.EventArgs e)
{
  AjaxPro.Utility.RegisterTypeForAjax(typeof(DataAccess.MyAjax));
}

et à la page ASPX Il est nécessaire d'inclure une balise a3caf137a35ce33789c210ccaa177143 avec Runat=Server, pour qu'Ajax.net chargera certaines fonctions courantes utilisées ainsi que vos fonctions personnalisées. S'il n'y a pas de a3caf137a35ce33789c210ccaa177143, vous pouvez l'ajouter manuellement. Cependant, dans les applications que j'ai créées auparavant, il y a souvent des problèmes. Par exemple, je constate souvent qu'il y aura des erreurs de script js dans la barre d'état du navigateur, et à ce moment-là, tous les effets Ajax que vous avez créés ne seront pas valides. La solution consiste simplement à écraser le fichier Ajax.dll/AjaxPro. dll. Je ne sais pas encore quelle est la cause du problème.

Quant à Atlas, mes sentiments à ce sujet sont en fait les mêmes que ceux de DataGrid. facile à utiliser et très pratique, mais lorsque vous créez des applications Web, vous devez prendre en compte divers problèmes tels que les performances et la superposition, je pense, de manière plus formelle, dans les applications Web, peu de gens utilisent DataGrid pour afficher certaines données. . Il est recommandé d'utiliser le moins possible ces contrôles. De plus, l'efficacité d'exécution d'Atlas n'est vraiment pas idéale. Il continue de se charger et d'attendre longtemps, et certains scripts apparaissent

<.>Existe-t-il une autre solution ? Vous pouvez écrire des fonctions Javascript pour l'implémenter. Cependant, je recommande d'utiliser le framework Javascript jQuery. En voici une introduction :

jQuery est un autre excellent framework Javascript après prototype. Son objectif est : ÉCRIRE MOINS, FAIRE PLUS, écrire moins de code et faire plus de choses.

Il s'agit d'une bibliothèque js légère (seulement 21 Ko après compression), hors de portée des autres bibliothèques js. Elle est compatible avec CSS3 et divers navigateurs (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+. ).

jQuery est une bibliothèque javaScript rapide et concise qui permet aux utilisateurs de traiter plus facilement des documents et des événements HTML, d'implémenter des effets d'animation et de fournir facilement des interactions AJAX pour les sites Web.


Un autre gros avantage de jQuery est que sa documentation est très complète et ses différentes applications sont expliquées en détail. Il existe également de nombreux plug-ins matures parmi lesquels choisir.

jQuery peut séparer le code et le contenu html de la page html de l'utilisateur. C'est-à-dire qu'il n'est pas nécessaire d'insérer un tas de js dans le html pour appeler la commande. Il vous suffit de définir l'identifiant.

Il semble que vous saurez grâce à cette introduction que l'effet Ajax n'est qu'une des nombreuses fonctions de jQuery De manière générale, l'utilisation d'Ajax dans les applications Web doit être indissociable de Javascript, et jQuery n'en est que l'une. encapsulation pour tout le monde Certaines fonctions JS sont ajoutées pour que vous n'ayez plus à vous soucier de la complexité de JS jQuery vous aide à tout réaliser.

En regardant un petit exemple, vous saurez qu'il est très pratique d'utiliser jQuery pour faire de l'Ajax.

Par exemple, il y a un bouton dans une page ASPX ou HTML. En cliquant dessus, Ajax charge les données et les affiche dans cf07cd64a870c06e6a9bfbfd84855bcf. Cliquez sur ce bouton pour déclencher une fonction JS :

function GetNews()
{
      $("#News").html("Loading News......");
      $.ajax({
        type:"post",
        url:"/ajax.aspx?act=getnews",
        dataType:"html",
        data:"",
        success:function(result)
        {
          $("#News").html(result);
        }
        });
}

Cette fonction affichera d'abord "Chargement des actualités...." dans ce SPAN via des appels asynchrones. , accédez à la page /Ajax.aspx et indiquez à la page le type de données dont elle a besoin via le paramètre d'URL transmis act=News. Vous pouvez écrire les données directement sur la page via Ajax.aspx en fonction de différents paramètres, puis les renvoyer. à La fonction JS ci-dessus est rendue sur la page, et c'est aussi simple que cela !


Le contenu ci-dessus est la méthode d'implémentation d'ASP.NET et d'Ajax partagée avec vous.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment gérer lorsque JQuery ajax renvoie JSON

Comment résoudre JQuery ajaxSoumettre le code chinois tronqué

Comment résoudre le code chinois tronqué lorsque JQuery ajax renvoie json

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn