ASP.NET MVC - Gedeeltelijke weergaven met Ajax

Applicatieontwerp met ASP.NET MVC geeft ons de mogelijkheid om veel ontwikkeltechnieken te combineren, zolang ze niet in strijd zijn met het principe van Model, View, Controller, waarmee we tools kunnen gebruiken zoals Ajax om onze applicatie dynamischer en aantrekkelijker te maken voor de gebruiker.
Over het gebruik van Ajax we hebben iets dat wordt gebeld gedeeltelijke weergaven, die niets meer zijn dan stukjes informatie die worden gegenereerd in onze controllers en die we kunnen opnemen in kant-en-klare weergaven die aan de gebruiker worden getoond, hiermee kunnen we een zeer interessant asynchroon laadeffect bereiken.
Gedeeltelijke weergave
Wanneer we een hulpbron aanvragen voor: HTTP Dit retourneert een antwoord, we kunnen dit antwoord op een pagina tonen omdat het bestaat uit: HTMLAls we deze vorm van actie zien als we een pagina die we zien willen bijwerken, vernieuwen we gewoon en moet de nieuwe informatie worden weergegeven.
NadeelSoms is het voor ons niet handig om een ​​hele pagina te vernieuwen, hetzij omdat het erg duur is op het prestatieniveau of omdat het gewoon niet optimaal is voor gebruikers, hiervoor kunnen we alleen de sectie laden die ons interesseert, we bereiken dit met behulp van Ajax y is de basis voor gedeeltelijke weergaven.
Ajax-gedrag
Voordat je iets kunt doen in ASP.NET laten we eens kijken hoe de Klassiek Ajax, met de hulp van jQuery wat we willen bereiken, is een sectie laden nadat de pagina is geladen zonder deze te hoeven vernieuwen. Laten we de volgende broncode in de afbeelding bekijken om een ​​idee te krijgen van wat we vaak zullen zien in deze ontwikkelingsstijl:

Hier is de logica vrij eenvoudig, we hebben een element HTML die als een container dient, in het voorbeeld heette het "container" zodat we het duidelijker kunnen zien, het is dat we de gegevens gaan afdrukken die we asynchroon krijgen als we Ajax gebruiken, we zien dan dat met behulp van jQuery we vertellen het dat wanneer het klaar is met het laden van ons HTML-document een methode uitvoeren met de naam .laden (), dit is wat het doet, dat een extern bestand laadt en afdrukt in de selector.
Waar moeten we zeker van zijn?Waar we voor moeten zorgen, is dat we het bestand waarnaar we bellen in de methode .load () op deze manier kunnen we ervoor zorgen dat alles correct werkt, anders krijgen we een 404-fout en is de ruimte waar de informatie moet worden gezien leeg.
Dit helpt ons het beste om de realisatie van de gedeeltelijke weergaven in onze toepassing van ASP.NET MVCWe gaan gewoon methoden of acties in onze controllers ontwikkelen die ons in staat stellen om het gedeeltelijke resultaat te verkrijgen dat we in de selectors gaan opnemen via Ajax, is het niveau van complexiteit laag omdat het kader is voorbereid op dit soort verzoeken.
Hiermee hebben we deze tutorial afgerond, we hebben al wat meer gezien over hoe we de verschillende tools die ons worden aangeboden kunnen gebruiken om een ​​basis op te bouwen die ons zal leiden naar het bereiken van onze ontwikkelingsdoelstellingen.