ASP.NET MVC - Håndtering af begivenheder i DOM med jQuery

Håndtering Javascript I sin reneste form inden for en webapplikation har det altid været et kontroversielt punkt, der er dem, der forsvarer denne stil og siger, at der er gevinster i ydeevne, og der er dem, der foretrækker at bruge en ramme, der giver dem mulighed for at opsummere mængden af ​​instruktioner .
Uanset position er alt, hvad der får os til at skrive kortere kode og med færre fejl, noget vigtigt, naturligvis er ydelse et meget vigtigt spørgsmål at huske på, men for håndtering af begivenheder er der intet som jQueryDenne ramme giver os mulighed for at manipulere DOM -træet på en meget enkel måde, og det har allerede nogle lag til at styre, hvordan vi kan aktivere begivenhederne.
Forbereder en begivenhed med jQuery
Det ved vi allerede med arrangementet onclick () vi kan spore, når en bruger klikker på elementet, der er knyttet til denne begivenhed, selvom koden i Javascript Ren er ikke særlig kompleks, når vi skal gøre flere og mere avancerede ting, ender vi med at skrive en stor mængde kode, så det kan være meget nyttigt at opsummere dette ved hjælp af jQuery.
Lad os i det følgende eksempel se, hvordan du foretager et onclick () -opkald ved hjælp af jQuery i dette tilfælde:

Her er det første, der fanger vores opmærksomhed, den første linje, i den har vi inkluderet jQuery, men i stedet for at være vært for den i vores applikation kommer vi til at kalde den fra CDN af GoogleDette er en god praksis, da det giver os mulighed for altid at have en ressource til rådighed, og vi undgår at falde fra vores side.
Derefter definerer vi et element med et unikt id til dokumentet, indtil videre er der ikke noget særligt, nu kommer det nye, vi ser, at vi har et $ (funktion () {}) dette er et element af jQuery hvilket indikerer, at denne kode skal aktiveres, når vores dokument er indlæst, med dette sikrer vi, at alt, hvad der er inde, kan ses af vores applikation.
Endelig fortæller vi vores ramme, at når der klikkes på elementet med det angivne id, skal du aktivere en metode i dette tilfælde opnår vi det med $ ("# btn-event"). klik på (activeEvent); Forklaringen kan virke lidt lang, men med denne måde at arbejde på kan vi gemme mange fejl i koden og sammenfatte antallet af inkluderede linjer.
Lad os se, hvordan det ser ud i vores browser, når vi udfører den forklarede kode:

FORSTØRRE

VigtigDette værk af jQuery Hvad den gør er at pakke al den kode, vi har brug for for at definere en begivenhed, så vi kan foretage opkaldene på en enklere måde, naturligvis da dette er en genfortolkning af Javascript som sådan kan vi have lidt mindre ydeevne, men i øjeblikket er det noget, der ikke bør bekymre os meget, da nuværende terminaler har nok potentiale til at håndtere dette og mere.
Med dette afslutter vi denne vejledning, da vi har flere muligheder, der hjælper os med at håndtere begivenheder på klientsiden, hvilket kan være en hjælp, når vi laver komplekse applikationer i ASP.NET MVC.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt