您的位置:首页 > 编程语言 > ASP

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

2013-02-01 11:16 204 查看
记录一下 这周研究 api相关知识,主要介绍 api 分类、创建、调用。特别感谢网上同仁提供的资料。

关于 web api 分类:

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

(详见:/article/4587312.html

关于 web api 创建:

研发环境配置:

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

Visual Studio 2012

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

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

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

实例二 Code

$(document).ready(function () {

  $.getJSON("api/customers", Loadfun);

  });

$.getJson方法中第一个参数是调用服务的地址,第二个参数是回调方法,这个回调方法Loadfun中,将展示服务端web api返回的数据,代码如下:

function Loadfun(data) {
$("#customerTable").find("tr:gt(1)").remove();
$.each(data, function (key, val) {
var tableRow = '<tr>' +
'<td>' + val.CustomerID + '</td>' +
'<td><input type="text" value="' + val.CompanyName + '"/></td>' +
'<td><input type="text" value="' + val.ContactName + '"/></td>' +
'<td><input type="text" value="' + val.Country + '"/></td>' +
'<td><input type="button" name="btnUpdate" value="Update" />
<input type="button" name="btnDelete" value="Delete" /></td>' +
'</tr>';
$('#customerTable').append(tableRow);
});

$("input[name='btnInsert']").click(OnInsert);
$("input[name='btnUpdate']").click(OnUpdate);
$("input[name='btnDelete']").click(OnDelete);
}


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

  

总结:研究的时候,需要耐心去查询文献,必须耐心,当没有线索的时候,再坚持一下,也许奇迹就出现了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: