Como crear un web api en asp.net

Como crear un web api en asp.net

Hoy te muestro como crear un web api en Asp.Net y Visual Studio, ya vimos en pasadas ocasiones como crear un web service con WCF y también como crear y consumir un web service asmx en asp.net es el turno hoy de web api. Web Api viene de la mano con Asp.Net MVC y es una versión ligera para crear servicios http Rest fácil y rápido, entre esta enredadera de web services, tipos de web services, lenguajes y demás el día de hoy toca ver una introducción a web api donde crearemos un servicio http para poner a disposición información de una base de datos de Productos la cual sera consumida por una pagina html con javascript, jquery, ajax, etc… permitiendo obtener los registros y agregar nuevos a la base de datos mediante web api de (dot)NET.

Sigue paso a paso el video tutorial para saber como crear un web api en Asp.Net en Visual Studio,

te dejo ahora el código principal del ejemplo visto en el video. Mas información de web api en el sitio web de asp.net.

Producto.cs

namespace WebApiTutorial.Models
{
public class Producto
{
public int ID { get; set; }
public string Nombre { get; set; }
public decimal Precio { get; set; }
public int UnidadesEnAlmacen { get; set; }
}

class ProductosDbContext : DbContext
{
public DbSet<Producto> Productos { get; set; }
}
}

 

index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Productos</title>
</head>
<body>

<div>
<h2>Todos los Productos</h2>
<ul id="productos"></ul>
</div>

<div>
<h2>Agregar Nuevo Producto</h2>
<input type="text" id="input_nombre" size="20" />
<input type="text" id="input_precio" size="20" />
<input type="text" id="input_unidades" size="20" />
<input type="button" value="Agregar" onclick="add();" />
</div>

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script>
var url = 'services/Productos';
$(document).ready(function () {
$.getJSON(url)
.done(function (data) {
$.each(data, function (key, item) {
$('<li>', { text: formatear(item) }).appendTo($('#productos'));
});
});
});

function formatear(item) {
return item.Nombre + ' $' + item.Precio + ' -> Unidades en Almacen: ' + item.UnidadesEnAlmacen;
}


function add() {
var nombre = $('#input_nombre').val();
var precio = $('#input_precio').val();
var unidades = $('#input_unidades').val();

if(nombre != "" && precio != "" && unidades != ""){
var Producto = {
Nombre: nombre,
Precio: precio,
UnidadesEnAlmacen: unidades
};

var info = JSON.stringify(Producto);
$.ajax({
url: 'services/Productos',
cache: false,
type: 'POST',
contentType: 'application/json; charset=utf-8',
data: info,
dataType: 'json',
success: function (data) {
alert("El registro se agrego con exito!.");
location.reload();
}
}).fail(
function (xhr, textStatus, err) {
alert(err);
}
);
}else{
alert("Todos los campos son obligatorios.");
}
}
</script>
</body>
</html>


¿Sabías que?

¿Necesitas aprender algo nuevo ? Ve a Udemy, busca el tema del que quieres aprender, selecciona el curso para ti y continua con tu aprendizaje.

Udemy

 Descargar Proyecto Completo

Como crear un web api en asp.net

Clic para valorar esta información
[Total: 0 Promedio: 0]