ASP.NET MVC - Invio di dati al server tramite Ajax

Ajax non serve solo per fare query ed evitare di ricaricare la pagina che l'utente sta navigando, possiamo anche usare questo strumento per inviare dati al server, questo ci dà un vantaggio abbastanza marcato nella nostra applicazione, come con le query, ricaricare l'intera pagina E soprattutto, non dobbiamo necessariamente cambiare il nostro approccio ai controller.
Possiamo avere un controller tradizionale che riceve i dati con il metodo INVIARE di HTTP eppure essere in grado di usare Ajax, questo ci dà una discreta versatilità per aggiornare le nostre applicazioni e per costruire applicazioni più dinamiche e di maggiore facilità d'uso per l'utente.
Invia dati utilizzando JSON
Possiamo inviare i dati tramite Ajax usando JSON, questo grazie al modo in cui si collega ASP.NET MVC i dati con il modello, riconosce quando è JSON o quando inviamo i dati del modulo normale, ecco perché abbiamo detto che non abbiamo bisogno di più modifiche nei nostri controller.
Ora che abbiamo tutto chiaro al riguardo, vedremo un piccolo esempio nell'immagine seguente, in questo esempio creeremo un set di dati e invieremo tramite Ajax a un'azione del controllore della nostra applicazione:

Qui possiamo vedere che creiamo i nostri dati in a JSON che memorizziamo nella variabile dell'asta, quindi usiamo il metodo scorciatoia $ .posta () di jQuery e all'interno chiamiamo il nostro aiutante per generare l'URL per l'azione Crea dal controller dell'asta e passiamo come parametro la nostra variabile che contiene il JSON.
Una volta che lo abbiamo, dobbiamo riceverlo con il nostro controller, mentre stiamo passando a JSON e in teoria non dovremmo cambiare nulla, vediamo come si presenta il controller nell'esempio nell'immagine qui sotto in modo da avere una visione completa di tutto ciò che dobbiamo completare:

Qui abbiamo che la prima cosa che facciamo è condizionare la nostra azione a ricevere solo parametri tramite il metodo INVIARE di HTTP, con questo evitiamo che chiunque possa inviare dati senza il nostro consenso, quindi all'interno dell'azione convalidiamo se ciò che abbiamo ricevuto è conforme al modello di dati, ed è qui che accade la cosa importante, ASP.NET MVC ha immediatamente rilevato che abbiamo inviato a JSON e ha fatto la relativa convalida, senza che ci fosse bisogno di definire nulla in particolare. Quindi eseguiamo la nostra attività di routine per memorizzare i dati e tornare alla vista, in caso di errore nei dati, torniamo alla vista di creazione.
Con questo finiamo questo tutorial, poi vediamo che se vogliamo portare la nostra applicazione un passo avanti possiamo farlo, dobbiamo semplicemente scegliere il percorso che vogliamo seguire, le ultime tendenze gestiscono la costruzione di applicazioni a pagina singola utilizzando diversi quadri in Javascript è abbastanza redditizio, se aggiungiamo a questo possiamo farlo funzionare ASP.NET MVC con JSON, vediamo quindi che possiamo combinare entrambe le tecnologie in modo molto semplice.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo