Web API从MVC4开始出现，可以服务于Asp.Net下的任何web应用，本文将介绍Web api在单页应用中的使用。什么是单页应用？Single-Page Application最常用的定义：一个最初内容只包含html和JavaScript，后续操作通过Restful风格的web服务传输json数据来响应异步请求的一个web应用。SPA的优势就是少量带宽，平滑体验，劣势就是只用JavaScript这些平滑的操作较难实现，不像MVC应用，我们可以异步form，partview。不用担心，我们有利器：knockoutjs。

一、工程准备

1.新建一个Api工程。

2.创建模型和仓库

Reservation：    

public class Reservation { public int ReservationId { get; set; } public string ClientName { get; set; } public string Location { get; set; } }

ReservationRespository：在真实的项目中，仓库都需要有接口和依赖注入，但是这里我们把重点放到后，将这个部分简化。所以也没有用数据库，全部放到内存里面。

public class ReservationRespository { private static ReservationRespository repo = new ReservationRespository(); public static ReservationRespository Current { get { return repo; } } private List<Reservation> data = new List<Reservation> { new Reservation { ReservationId = 1, ClientName = "Adam", Location = "Board Room"}, new Reservation { ReservationId = 2, ClientName = "Jacqui", Location = "Lecture Hall"}, new Reservation { ReservationId = 3, ClientName = "Russell", Location = "Meeting Room 1"}, }; public IEnumerable<Reservation> GetAll() { return data; } public Reservation Get(int id) { return data.Where(r => r.ReservationId == id).FirstOrDefault(); } public Reservation Add(Reservation item) { item.ReservationId = data.Count + 1; data.Add(item); return item; } public void Remove(int id) { Reservation item = Get(id); if (item != null) { data.Remove(item); } } public bool Update(Reservation item) { Reservation storedItem = Get(item.ReservationId); if (storedItem != null) { storedItem.ClientName = item.ClientName; storedItem.Location = item.Location; return true; } else { return false; } } }

用来为我们的单页应用提供数据的增删改查。

3.用Nuget添加Juqery，Bootstrap，Knockoutjs。

Install-Package jquery –version 1.10.2 Install-Package bootstrap –version 3.0.0 Install-Package knockoutjs –version 3.0.0

4.创建Api控制器。

public class WebController : ApiController { private ReservationRespository repo = ReservationRespository.Current; public IEnumerable<Reservation> GetAllReservations() { return repo.GetAll(); } public Reservation GetReservation(int id) { return repo.Get(id); } [HttpPost] public Reservation PostReservation(Reservation item) { return repo.Add(item); } [HttpPut] public bool PutReservation(Reservation item) { return repo.Update(item); } public void DeleteReservation(int id) { repo.Remove(id); } }

二、Web Api