关于ASP.NET MVC4 Web API简单总结

原文地址:http://www.cnblogs.com/lei2007/archive/2013/02/01/2888706.html

wcf web api 和 asp.net web api , 2012年2月 微软已宣布 WCF和ASP.NET 团队合并,把WCF Web API的内容并入了ASP.NET Web API。

(详见:http://www.cnblogs.com/shanyou/archive/2012/03/11/2390672.html

关于 web api 创建:

研发环境配置:

首先需要安装了ASP.NET MVC 4的 Visual Studio 。下面的用哪个都行:

  • Visual Studio 2012
  • Visual Studio 2010 且已安装 ASP.NET MVC 4。(需要安装vssp1补丁,耗时较长)

下面使用vs2010 为例,具体操作步骤:

第一:创建项目,选择 mvc4 web 应用程序

关于ASP.NET MVC4 Web API简单总结

第二:在弹出的“新 ASP.NET MVC 4 项目”对话框中,选择“Web API”然后点“确定”。

关于ASP.NET MVC4 Web API简单总结

第三:当你创建完项目以后,”新建项目“向导就自动创建了2个控制器。在解决方案资源管理器里展开”Controllers“目录就能看到了。

  • HomeController 是一个传统的 ASP.NET MVC 控制器。它只是负责处理站点的HTML页,跟Web API没有直接关系。
  • ValuesController 是一个示例 WebAPI 控制器。

解决方案资源管理里,右击 Controllers 目录,选择”添加“,”控制器“:并且选择控制器模版类型,如图:

关于ASP.NET MVC4 Web API简单总结

第四:

控制器定义了三个方法,要么返回单个商品,要么返回一组产品:

  • GetAllProducts 方法返回所有的产品,返回类型为 IEnumerable<Product> 。
  • GetProductById 方法通过ID查询某个产品。

ok!web API已经能用了。每一个控制器上的方法都对应了一个URI:

关于ASP.NET MVC4 Web API简单总结

关于 web api 调用:

第一种:从浏览器中访问WEB API

如:http://localhost:xxxx/api/products/. (将 "xxxx" 替换为真实的端口号)

第二种:用JavaScriptjQuery调用 Web API(注意:有时候 $ 识别需替换成JQuery

(详见:http://tech.it168.com/a2012/0606/1357/000001357231_all.shtml)

在jQuery中,使用 JSONP 跨越数据传输方式, 通过$.getJSON的方法获取服务器端数据。调用WEB API,代码如下:

关于ASP.NET MVC4 Web API简单总结实例一 Code

实例一 经常使用的传统方式。

关于ASP.NET MVC4 Web API简单总结实例二 Code

实例二 中我们可以拼接html,给某个按钮注册事件,如同操作普通html一样。

总结:研究的时候,需要耐心去查询文献,必须耐心,当没有线索的时候,再坚持一下,也许奇迹就出现了。

标签: ASP.NET总结

 

wcf web api 和 asp.net web api , 2012年2月 微软已宣布 WCF和ASP.NET 团队合并,把WCF Web API的内容并入了ASP.NET Web API。

(详见:http://www.cnblogs.com/shanyou/archive/2012/03/11/2390672.html

关于 web api 创建:

研发环境配置:

首先需要安装了ASP.NET MVC 4的 Visual Studio 。下面的用哪个都行:

  • Visual Studio 2012
  • Visual Studio 2010 且已安装 ASP.NET MVC 4。(需要安装vssp1补丁,耗时较长)

下面使用vs2010 为例,具体操作步骤:

第一:创建项目,选择 mvc4 web 应用程序

关于ASP.NET MVC4 Web API简单总结

第二:在弹出的“新 ASP.NET MVC 4 项目”对话框中,选择“Web API”然后点“确定”。

关于ASP.NET MVC4 Web API简单总结

第三:当你创建完项目以后,”新建项目“向导就自动创建了2个控制器。在解决方案资源管理器里展开”Controllers“目录就能看到了。

  • HomeController 是一个传统的 ASP.NET MVC 控制器。它只是负责处理站点的HTML页,跟Web API没有直接关系。
  • ValuesController 是一个示例 WebAPI 控制器。

解决方案资源管理里,右击 Controllers 目录,选择”添加“,”控制器“:并且选择控制器模版类型,如图:

关于ASP.NET MVC4 Web API简单总结

第四:

控制器定义了三个方法,要么返回单个商品,要么返回一组产品:

  • GetAllProducts 方法返回所有的产品,返回类型为 IEnumerable<Product> 。
  • GetProductById 方法通过ID查询某个产品。

ok!web API已经能用了。每一个控制器上的方法都对应了一个URI:

关于ASP.NET MVC4 Web API简单总结

关于 web api 调用:

第一种:从浏览器中访问WEB API

如:http://localhost:xxxx/api/products/. (将 "xxxx" 替换为真实的端口号)

第二种:用JavaScriptjQuery调用 Web API(注意:有时候 $ 识别需替换成JQuery

(详见:http://tech.it168.com/a2012/0606/1357/000001357231_all.shtml)

在jQuery中,使用 JSONP 跨越数据传输方式, 通过$.getJSON的方法获取服务器端数据。调用WEB API,代码如下:

关于ASP.NET MVC4 Web API简单总结实例一 Code

实例一 经常使用的传统方式。

关于ASP.NET MVC4 Web API简单总结实例二 Code

实例二 中我们可以拼接html,给某个按钮注册事件,如同操作普通html一样。

总结:研究的时候,需要耐心去查询文献,必须耐心,当没有线索的时候,再坚持一下,也许奇迹就出现了。

标签: ASP.NET总结

你可能感兴趣的:(asp.net)