WebApi2 入门实例1

来源：互联网发布：知乎日报吐槽精选编辑：程序博客网时间：2024/05/01 09:05

1.创建空的WebApi 项目

创建成功后的引用

项目中的全局文件

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Http;using System.Web.Routing;namespace WebApiThree{    public class WebApiApplication : System.Web.HttpApplication    {        protected void Application_Start()        {            GlobalConfiguration.Configure(WebApiConfig.Register);        }    }}

项目中的api配置和路由

using System;using System.Collections.Generic;using System.Linq;using System.Web.Http;namespace WebApiThree{    public static class WebApiConfig    {        public static void Register(HttpConfiguration config)        {            // Web API 配置和服务            // Web API 路由            config.MapHttpAttributeRoutes();            config.Routes.MapHttpRoute(                name: "DefaultApi",                routeTemplate: "api/{controller}/{id}",                defaults: new { id = RouteParameter.Optional }            );        }    }}

----------------------------------------------------------------HelloWord实例————————————————————————————————————

1.WebApi控制器

/// <summary>/// 访问控制器/// </summary>public class ProductsController : ApiController{    Product[] products = new Product[]    {        new Product { Id = 1, Name = "Tomato Soup", Category = "Groceries", Price = 1 },        new Product { Id = 2, Name = "Yo-yo", Category = "Toys", Price = 3.75M },        new Product { Id = 3, Name = "Hammer", Category = "Hardware", Price = 16.99M }    };    /// <summary>    /// 获取列表    /// </summary>    /// <returns></returns>    public IEnumerable<Product> GetAllProducts()    {        return products;    }    /// <summary>    /// 获取对象    /// </summary>    /// <param name="id">兑现ID</param>    /// <returns></returns>    public IHttpActionResult GetProduct(int id)    {        var product = products.FirstOrDefault((p) => p.Id == id);        if (product == null)        {            return NotFound();        }        return Ok(product);    }}

2.使用JavaScript访问接口

    <div>        <h2>All Products</h2>    </div>    <ul id="products" />    <div>        <h2>Search by ID</h2> <input type="text" id="prodId" size="5" />        <input type="button" value="Search" onclick="find();" /> <p id="product" />    </div>    <script src="../Scripts/jquery-1.11.1.min.js"></script>    <script>        var uri = '/api/products';        $(document).ready(function () {            $.getJSON(uri)                .done(function (data) {                    $.each(data, function (key, item) {                        $('<li>', { text: formatItem(item) }).appendTo($('#products'));                    });                });        });        function formatItem(item) {            return item.Name + ': $' + item.Price;        }        function find() {            var id = $('#prodId').val();            $.getJSON(uri + '/' + id)                .done(function (data) {                    $('#product').text(formatItem(data));                })                .fail(function (jqXHR, textStatus, err) {                    $('#product').text('Error: ' + err);                });        }    </script>

0 0