Cómo Insertar con jQuery en una base de datos SQL Server utilizando ASP MVC

Buenas Amigos, hoy le voy a enseñar a insertar en una base de datos utilizando JQuery utilizando ASP MVC.

En otra tutoriales le voy a enseñar como hacer un CRUD utilizando JQuery como framework.

Algo que no tomaré en cuenta en este tutorial , son la validaciones de las casillas en una próxima entrega tomare encuenta eso.

 

!Vamos a trabajar!

Paso 1 : Vamos a crear una aplicación Web Utilizando MVC

1. Abrimos el visual studio 2015
2. Archivo y luego nuevo y seleccionamos el proyecto en este caso es aplicaciones ASP y finalmente seleccionó MVC.

Paso 2 :  Ahora vamos a crear nuestro modelo

haciendo click derecho sobre la carpeta model, luego selecciona la opción  class y le ponemos un nombre mi caso le pondré contacto, asi quedaria mi modelo como se visualiza en la imagen.

Paso 3 : Ahora vamos a crear nuestra tablas en la base de datos SQL Server.

Paso 4 : Vamos a crear nuestro Controlador lo llamaremos ContactoController

Paso 5 : Ahora nos toca crear nuestra vista.

Le damos click derecho sobre la carpeta View y luego le ponemos un nombre a nuestra vista en mi caso le pondré InsertarContactos.cshtml

Paso 6 : En la parte inferior de la vista vamos a colocar un script de JQuery.

Algo que debe saber ya tengo todo los script de JQuery definido en este archivo

Verificamos de que todo esté correctamente sin errores , entonce procedemos a correr el proyecto. nos quedaría de la siguiente forma.

Vamos a proceder a llegar las casillas para hacer la demostración de que se está guardando en la base de datos.

Vamos a ver los datos que envió el formulario , como se visualiza en la imagen

y  listo amigos

Espero que le haiga gustado el tutorial , hasta una próxima entrega