web api可以提供方便简单可靠的web服务，可以大量的用于不需要提供复杂的soap协议的环境，以简单明了的形式返回数据，在不太复杂的环境中web api可以做为wcf等重级web服务的一种可替代方案

在web世界中常常使用的方法有

GET

Post

PUT

DELETE

在controler中通常约定，方法名以以上get,post,put,delete打头，相关的请求将根据路由规则自动匹配相应的处理方式，如果需要自定义方法名，不希望以GET.Post,Put,Delete等来做为方法名的一部分，需要以在方法前加特性说做说明，如

[HttpGet]

[HttpPost]

[HttpPut]

[HttpDelete]

Views对于WebAPI来说没有太大的用途，Models中的Model主要用于保存Service和Client交互的对象，这些对象默认情况下会被转换为Json格式的数据进行传输，Controllers中的Controller对应于WebService来说是一个Resource，用于提供服务。和普通的MVC一样，Global.asax用于配置路由规则

以下为具体后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using webapi.Models;
namespace webapi.Controllers
{
    public class UserController : ApiController
    {
        public static List<UserInfo> allModeList = new List<UserInfo>() {
          new UserInfo(){ id=1,userName="zhang", password="123"},
          new UserInfo(){ id=2,userName="lishi", password="123456"},
          new UserInfo(){ id=3,userName="wang", password="1234567"}
        };
        public IEnumerable<UserInfo> getAll()
        {
            return allModeList;
        }
        [HttpGet]
        public UserInfo findById(int id)
        {
            return allModeList.Find(p => p.id == id);
        }
        public bool PostNew(UserInfo user)
        {
            try
            {
                allModeList.Add(user);
                return true;
            }
            catch (Exception)
            {

return false;
            }
        }
        [HttpDelete]
        public bool RemoveAll()
        {
            return allModeList.RemoveAll(p=>p.id!=-1) > 0;
        }
        [HttpDelete]
        public bool RemoveItemById(int id)
        {
            return allModeList.Remove(allModeList.Find(p => p.id == id));
        }
        public UserInfo getUserByName(string username)
        {

return allModeList.Find(p => p.userName == username);
        }
        [HttpPut]
        public void updateById(int id,UserInfo model)
        {
            UserInfo userInfoItem = allModeList.Find(p=>p.id==id);
            allModeList.Remove(userInfoItem);
            userInfoItem.userName = model.userName;
            userInfoItem.password = model.password;
            allModeList.Add(userInfoItem);
            
        }
    }
}

前台代码：

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    @Scripts.Render("~/bundles/jquery")
    <script type="text/javascript">
        function getAll() {
            $.ajax({
                url: "/api/User/",
                type: 'GET',
                success: function (data) {
                    document.getElementById("modes").innerHTML = ""
                    $.each(data, function (key, val) {
                       
                        str = val.id + ":    " + val.userName + "   :   " + val.password
                        $('<li/>', { html: str }).appendTo($('#modes'))
                       
                       
                        console.log(key)
                    })
                }
            }).fail(function (xhr, textStatus, err) {
                alert('error'+err)
            })
        }
        function find() {
            $.ajax({
                url: '/api/User/1',
                type: 'GET',
                success: function (data) {
                    document.getElementById("modes").innerHTML = ""
                       str = data.userName + "   :   " + data.password
                        $('<li/>', { html: str }).appendTo($('#modes'))
                   
                }
            }).fail(function (xhr, textstatus, err) {
                    alert('Error Info'+err)
            })
        }
        function add() {
            $.ajax({
                url: "/api/user/",
                type: "POST",
                dataType: "json",
                data: { 'id': 4, 'userName': 'test1', 'password': 'Pass@word' },
                success: function (data) {
                    getAll()
                }
            }).fail(function (xhr, textstatus, err) {
                alert("error"+err)
            })
        }
        function removeAll()
        {
            $.ajax({
                url: '/api/user/',
                type: 'DELETE',
                success: function (data) {
                    getAll()
                }
            }).fail(function (xhr,textstatus,err) {
                alert('error'+err)
            })
        }

function removeUser() {
            $.ajax({
                url: '/api/user/1',
                type: 'DELETE',
                success: function (data) {
                    getAll()
                }
            }).fail(function (xhr, textstatus, err) {

alert("error"+err)
            })
        }
        function getUserByName()
        {
            $.ajax({
                url: '/api/user?username=zhang',
                type: 'GET',
                success: function (data) {
                    str=data.userName+":   "+data.password
                    $('<li/>', { html: str }).appendTo($('#modes'))
                    console.log(data)
                }
            })
        }
        function udpate()
        {
            $.ajax({
                url: '/api/user/2',
                type: 'PUT',
                dataType: 'json',
                data: { Id: 2, "userName": "admin", "password": "666666" },
                success: function (data) {
                    getAll()
                }
            }).fail(function (xhr, textstatus, err) {
                    alert('error'+err)
            })
        }
    </script>
</head>
<body>
    <div>
        <button onclick="getAll()">getAll</button>
        <button onclick="find()">find</button>
        <button onclick="add()">add</button>
        <button onclick="removeUser()">remove</button>
        <button onclick="removeAll()">removeAll</button>
        <button onclick="udpate()">udpate</button>
        <button onclick="getUserByName()">getUserByName</button>
     
    </div>
    <div id="modes">

</div>
</body>
</html>
运行结果 ：

.net web api 一的更多相关文章

  1. 在一个空ASP.NET Web项目上创建一个ASP.NET Web API 2.0应用

    由于ASP.NET Web API具有与ASP.NET MVC类似的编程方式,再加上目前市面上专门介绍ASP.NET Web API 的书籍少之又少(我们看到的相关内容往往是某本介绍ASP.NET M ...

  2. bootstrap + requireJS+ director+ knockout + web API = 一个时髦的单页程序

    也许单页程序(Single Page Application)并不是什么时髦的玩意,像Gmail在很早之前就已经在使用这种模式.通常的说法是它通过避免页面刷新大大提高了网站的响应性,像操作桌面应用程序 ...

  3. Hello Web API系列教程——Web API与国际化

    软件国际化是在软件设计和文档开发过程中,使得功能和代码设计能处理多种语言和文化习俗,在创建不同语言版本时,不需要重新设计源程序代码的软件工程方法.这在很多成熟的软件开发平台中非常常见.对于.net开发 ...

  4. ASP.NET Web API 跨域访问（CORS）

    一.客户端用JSONP请求数据 如果你想用JSONP来获得跨域的数据,WebAPI本身是不支持javascript的callback的,它返回的JSON是这样的: {"YourSignatu ...

  5. Web Api 入门实战 （快速入门+工具使用+不依赖IIS）

    平台之大势何人能挡? 带着你的Net飞奔吧!:http://www.cnblogs.com/dunitian/p/4822808.html 屁话我也就不多说了,什么简介的也省了,直接简单概括+demo ...

  6. Web APi之认证（Authentication）两种实现方式【二】（十三）

    前言 上一节我们详细讲解了认证及其基本信息,这一节我们通过两种不同方式来实现认证,并且分析如何合理的利用这两种方式,文中涉及到的基础知识,请参看上一篇文中,就不再叙述废话. 序言 对于所谓的认证说到底 ...

  7. angular2系列教程（八）In-memory web api、HTTP服务、依赖注入、Observable

    大家好,今天我们要讲是angular2的http功能模块,这个功能模块的代码不在angular2里面,需要我们另外引入: index.html <script src="lib/htt ...

  8. 我这么玩Web Api（二）：数据验证，全局数据验证与单元测试

    目录 一.模型状态 - ModelState 二.数据注解 - Data Annotations 三.自定义数据注解 四.全局数据验证 五.单元测试   一.模型状态 - ModelState 我理解 ...

  9. 我这么玩Web Api（一）：帮助页面或用户手册(Microsoft and Swashbuckle Help Page)

    前言 你需要为客户编写Api调用手册?你需要测试你的Api接口?你需要和前端进行接口对接?那么这篇文章应该可以帮到你.本文将介绍创建Web Api 帮助文档页面的两种方式,Microsoft Help ...

  10. [译] 在Web API 2 中实现带JSON的Patch请求

    原文链接:The Patch Verb in Web API 2 with JSON 我想在.NET4.6 Web API 2 项目中使用Patch更新一个大对象中的某个字断,这才意识到我以前都没有用 ...

随机推荐

  1. StackOverflow程序员推荐：每个程序员都应读的30本书

    “如果能时光倒流,回到过去,作为一个开发人员,你可以告诉自己在职业生涯初期应该读一本,你会选择哪本书呢?我希望这个书单列表内容丰富,可以涵盖很多东西.” 很多程序员响应,他们在推荐时也写下自己的评语. ...

  2. bootstrap 常用类名

    一. 常用类1.container居中的内容展示2.row  行内容显示3.col 列内容显示, 列必须在row 中xs 宽度小于768 ,sm宽度小于990 大于768 ,md 宽度大于990,小于 ...

  3. IE iframe 中 js 的 cookie 读写不到的解决办法

    1.看这里(改服务器配置) http://www.cr173.com/html/16696_1.html 2.使用object模拟iframe,不使用iframe框架 <html> < ...

  4. PHP学习笔记二十九【接口】

    <?php //定义接口 //接口可以定义属性,但必须是常量而且是public //接口的所有方法必须是public interface Iusb{ public function start( ...

  5. linux字体安装

    Google查了一下,果然Windows下的ttf字体与GNOME是兼容的!我立即确定了我的方案——使用Windows下的“微软雅黑”体作为桌面和应用程序的默认字体! 1. 首先获得一套“微软雅黑”字 ...

  6. oc基础 不可变字符串的创建和使用

    oc基础  不可变字符串的创建和使用 简介:下面都是字符串基本用法. 1.字符串的创建 //创建oc常量字符串 NSString *str=@"hello world!"; NSL ...

  7. （原）Ubuntu14中安装GraphicsMagick

    转载请注明出处: http://www.cnblogs.com/darkknightzh/p/5661439.html 参考网址: http://comments.gmane.org/gmane.co ...

  8. LP64是什么意思

    在64位机器上,如果int是32位,long是64位,pointer也是64位,那么该机器就是LP64的,其中的L表示Long,P表示Pointer,64表示Long和Pointer都是64位的.由于 ...

  9. Java的反射机制及应用实例

    一:什么是反射机制 简单的来说,反射机制指的是程序在运行时能够获取自身的信息.在Java中,只要给定类的名字,那么就可以通过反射机制来获得类的所有信息. 二:哪里用到反射机制 我们用过一些知识,但是并 ...

  10. 在JS中得到表单中各项的值

    var form = document.getElementById("change");var pageNo = form.pageno.value;