ASP.NET Web API實踐系列06, 在ASP.NET MVC 4 基礎上增加使用ASP.NET WEB API

標籤：

本篇嘗試在現有的ASP.NET MVC 4 項目上增加使用ASP.NET Web API。

建立項目，選擇"ASP.NET MVC 4 Web應用程式"。

 

選擇"基本"項目模版。

 

在Controllers檔案夾下添加一個名稱為"TestController"的空API控制器。

 

在引用檔案夾中多了以下程式集：
System.Web.Http
System.Web.Http.WebHost
System.Net.Http
System.Net.Http.Formatting
......

 

在App_Start檔案夾中多了WebApiConfig靜態類：

 

    public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{id}",
                defaults: new { id = RouteParameter.Optional }
            );
        }
    }

 

修改TestController內容如下：

 

    public class TestController : ApiController
    {
        public IEnumerable<string> Get()
        {
            return new string[] {"value1","value2"};
        }
        public string Get(int id)
        {
            return "value";
        }
    }

 

在瀏覽器中輸入：http://localhost:3928/api/test

 

在瀏覽器中輸入：http://localhost:3928/api/test/5

 

在Controllers檔案夾下添加一個名稱為"HomeController"的空MVC控制器。

 

    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
    } 

 

添加Home/Index.cshtml視圖，修改如下：

 

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index</h2>
@section scripts
{
    <script type="text/javascript">
        $.get("http://localhost:3928/api/test", function (data) {
            alert(data);
        });
    </script>
}

 

可見，通過在Controllers添加空API控制器,預設會添加ASP.NET Web API相關組件以及設定檔。

 

 

ASP.NET Web API實踐系列06, 在ASP.NET MVC 4 基礎上增加使用ASP.NET WEB API