猿教程 Logo

调用Web API接口

在前面的小节中,我们创建了Web API的Get、Post、Put和Delete方法,分别用来处理HTTP Get、Post、Put和Delete类型的请求。在这里,我们将学习如何使用Web API CRUD操作(访问)。

我们可以在.net服务器端代码中访问Web API,也可以在客户端使用JavaScript框架如jQuery,AnguarJS,KnockoutJS等等访问Web API接口。

这里,我们将在下列环境中访问我们的Web API(前一节中创建的):

  1. 在ASP.NET MVC中访问Web API.

  2. 在AngularJS中访问Web API.



Asp.Net MVC中访问Web API

如果要在ASP.NET MVC服务器端调用Web API,我们可以在MVC控制器中使用HttpClient。

HttpClient发送一个请求到Web API,并接收响应,然后我们需要将来自Web API的响应数据转换为一个模型,然后渲染成一个视图。

下图说明了Asp.Net MVC调用Web API的过程。


注意:AngularJS或任何其他JavaScript框架可以直接运用在MVC的视图中,这些JavaScript框架可以在视图中直接使用AJAX访问Web API。我们本教程中演示Asp.NET MVC的控制器中调用Web API,是为了防止你有些情况不好通过Ajax直接请求Web API。



AngularJS访问Web API

我们可以在UI中直接使用JavaScript框架通过Ajax来访问Web API接口,如AngularJS KnockoutJS,Ext JS等等JavaScript框架均可以实现。

下图说明了JavaScript框架使用AJAX调用Web API的过程。


在接下来的部分,我们将学习如何在Asp.net MVC和Angular中调用Web API接口。



版权声明:本站所有教程均为本站原创或翻译,转载请注明出处,请尊重他人劳动果实。请记住本站地址:www.yuanjiaocheng.net (猿教程) 作者:卿文刚
本文标题: C#环境
本文地址:http://www.yuanjiaocheng.net/webapi/Consume-web-api.html