今天参照微软官方（http://www.asp.net）学习了WebApi，在这里摘录如下：

前言

      HTTP 不只是为了生成 web 页面。它也是一个强大的平台，可以建设公开服务和数据的 Api。HTTP 是简单、 灵活，它似乎可以无处不在。你能想到的几乎任何平台都可以有一个 HTTP 库，因此，HTTP 服务可以应用到广泛的客户端，如浏览器、 移动设备和传统的桌面应用程序。

      ASP.NET Web API 是用于生成 web Api 在.NET 框架上的框架。在本教程中，您将使用 ASP.NET Web API 创建的 web API 返回的产品列表。

创建项目

      创建Web空模版项目，选WebAPI核心文件，如图：

添加模型

 在Models文件夹下，创建一个Product.cs:

namespace ApiDemo01.Models{    /// 
产品实体类
    public class Product    {        /// 
产品ID
        public int ID { get; set; }        /// 
产品名称
        public string Name { get; set; }        /// 
产品类别
        public string Category { get; set; }        /// 
产品价格
        public decimal Price { get; set; }    }}

        注：为了VS支架识别到实体类，记得先生成一下项目。

添加控制器

　　在Controllers文件夹下，使用支架：

      

      支架自动生成一些操作代码，这里修改后，如下：

using ApiDemo01.Models;using System.Collections.Generic;using System.Linq;using System.Web.Http;namespace ApiDemo01.Controllers{    public class ProductController : ApiController    {        //模拟数据        List
     
       pList = new List
      
               {             new Product{ID=1, Name="Dell", Category="电脑" , Price=3500 },            new Product{ID=2, Name="Apple", Category="手机" , Price=5500 },            new Product{ID=3, Name="HP", Category="电脑" , Price=3000 }        };        //获取产品集合        public IEnumerable
       
         GetProducts()        {            return pList;        }        //根据产品ID获取一个产品        public IHttpActionResult GetProduct(int id)        {            var product = pList.FirstOrDefault((p) => p.ID == id);            if (product == null)            {                return NotFound();            }            return Ok(product);        }    }}
       
      
     

　　注：这里没有读取数据库方式，使用集合初始化器。

安装Jquery 

      要使用到AJAX请求，这里先安装Jquery库：

      

     注：你也可以复制下载过的jquery。

创建展示页面 

      在项目根目录下添加一个Index.html页面，代码如下：

    
             
     
        
      
所有产品
        
      
    
     
    
     
        
      
根据产品ID查找
        
              
              
      
    
     
        

　　注：Jquery写AJAX方法可以很多种！

预览

     浏览Index.html页面，并输入查找，得到下面结果：

     

     使用IE开发人员工具（按F12），看一下请求头：

     

     注：WebApi默认传递数据会序列化json格式，客户端也无需写反序列化代码。（至于它如何做的，在后面介绍再说。）