基于asp.net MVC 的服务器和客户端的交互(三)之客户端请求响应

一、分析

WEB API 中HTTP 请求方式的四个主要方法 （GET， PUT， POST， DELETE）， 按照下列方式映射为 CURD 操作：

• GET 用于获取 URI 资源的进行展示，GET 操作不应对服务端有任何影响,用于数据集合的Select查询；
• PUT 用于更新 URI 上的一个资源，如果服务端允许，PUT 也可以用于新建一个资源，用于相关的Insert插入操作；
• POST 用于新建资源，服务端在指定的URI 上创建一个新的对象，将新资源的地址作为响应消息的一部分返回,用于相关的Update；
• DELETE 用于删除指定的URI 资源。根据输入的参数进行相关的删除操作。

客户端除了可以使用旧有的 WebClient、HttpWebRequest 去访问服务器Api外，还可以使用新的 HttpClient 类别进行操作，HttpClient 类别是包含在 .Net Framework 4.5 中的 System.Net.Http 之命名空间底下，HttpClient 类别一般来说需要在 .Net Framework 4.5 上才能够使用，可以使用 NuGet 搜寻 Microsoft.Net.Http，NuGet 有提供 4.0 可以使用的安装包。

HttpClient类在传递信息的时候通常要通过多层的Handler，进行信息的层层传递，服务器接收到request请求，然后做出应答返回信息，这一过程也被人称为Delegating Handler.

而在网页端，也可以通过Jqery Ajax异步请求Web API获得数据.

• data (Map) : (可选参数) 发送至服务器的 key/value 数据。
• url (String) : 请求的HTML页的URL地址.
•  

  dataType:服务器返回的值会跟据这个数据类型进行解析。

• success:当请求之后调用，传入返回后的数据，以及包含成功代码的字符串。

dataType的数据类型

•"xml": 返回 XML 文档，可用 jQuery 处理。
    •"html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。
    •"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将 使用 DOM 的 script标签来加载）
    •"json": 返回 JSON 数据 。
    •"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
    •"text": 返回纯文本字符串

二、场景模拟

c# Application 控制台模拟访问请求get数据

　　使用HttpClient的PostAsync访问服务器Get请求获的Token,凭借令牌去访问数据，然后返回数据。

  public class Token
         {
             [JsonProperty("Access_Token")]
             public string AccessToken { get; set; }
         }

  static void Main(string[] args)
         {
             const string url = "http://localhost:14259/";
             var client = new HttpClient();
             var dict = new SortedDictionary<string, string>();
             dict.Add("client_id", "xiangzhang");
             dict.Add("client_secret", "");
             dict.Add("grant_type", "client_credentials");
             //var rst = await(@"http://" + Request.RequestUri.Authority + @"/token").PostUrlEncodedAsync(dict).ReceiveJson<Token>();
             // Console.WriteLine(_httpClient.PostAsync("/token", new FormUrlEncodedContent(parameters)).Result.Content.ReadAsStringAsync().Result);
             var rst = client.PostAsync(url + "token", new FormUrlEncodedContent(dict)).Result.Content.ReadAsStringAsync().Result;
             var obj = JsonConvert.DeserializeObject<Token>(rst);
             client.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", obj.AccessToken);
             rst = client.GetStringAsync(url + "api/values").Result;
             Console.WriteLine(rst);
             Console.ReadLine();
         }

asp.net Jqery Ajax异步请求

   var apiServiceBaseUri = "http://localhost:14259/";  

  $.ajax({
                     url: apiServiceBaseUri + "api/values",
                     type: "get",
                     dataType: "json",
                     headers: {
                         "Authorization": "Bearer " + accessToken
                     },
                     success: function (data) {

                         $("#h11").text(data);
                     },
                     error: function () {
                         alert("获取数据失败");
                     }
                 });

Get请求

Put请求

  $.ajax({
                     type: "post",
                     url: apiServiceBaseUri + "token",
                     data: { client_id: "irving", client_secret: "", grant_type: "client_credentials" },
                     dataType: "json",
                     success: function (data) {
                         accessToken = data.access_token;;
                         $.ajax({
                             type: "post",
                             url: '/Home/getAccessToken',
                             data: { token: accessToken },
                             dataType: "json"
                         });
                     },
                     error: function () {
                         alert("get Token arror!");
                     }
                 });

Post请求