AngularJs調用Restful實現CRUD - AngularJs

標籤：

本節我們主要給大家介紹AngularJs如何調用Restful,實現資料的CRUD。

主要用到的技術：

後端：ASP.NET WebApi + SQLServer2008

前端：AngularJs,Bootstrap3

主要用到的開發工具

後端：VisualStudio2013 + SQLServer2008

前端：WebStorm8

1.建立後端項目AngularJs_WebApi1.1建立空解決方案名稱AngularJs_WebApi

1.2 建立AngularJs_WebApi_Server服務端項目

1.3 選擇空的WebApi項目，並建立

1.4 建立控制器TestController類（用於測試）

1.5 編寫TestController.cs實現代碼

using System.Net.Http;using System.Web.Http;namespace AngularJs_WebApi_Server.Controllers{  public class TestController : ApiController  {    public HttpResponseMessage Get()    {      return new HttpResponseMessage()      {        Content = new StringContent("我是通過Get請求的")      };    }    public HttpResponseMessage Post()    {      return new HttpResponseMessage()      {        Content = new StringContent("我是通過Post請求的")      };    }    public HttpResponseMessage Put()    {      return new HttpResponseMessage()      {        Content = new StringContent("我是通過Put請求的")      };    }  }}

1.6 通過Chrome應用程式REST Console測試剛才發布的服務（如果沒有可以到市集中去下載）

測試Get請求 http://localhost:31194/api/test

請輸入我們的請求地址和請求方式

查看返回結果

測試Post請求 http://localhost:31194/api/test

請輸入我們的請求地址和請求方式

查看返回結果

測試Put請求 http://localhost:31194/api/test

請輸入我們的請求地址和請求方式

查看返回結果

（未完待續）

AngularJs調用Restful實現CRUD - AngularJs