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,
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; } } }

¿Necesitas aprender algo nuevo ? Ve a Udemy, busca el tema del que quieres aprender, selecciona el curso para ti y continua con tu aprendizaje.
Udemyindex.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>