webapi可以返回json、xml类型的数据，对于数据的增、删、改、成，提供对应的资源操作，按照请求的类型进行相应的处理，主要包括 Get（查）、Post（增）、Put（改）、Delete（删），这些都是HTTP协议支持的请求方式。

webapi 的请求方式：根据路由规则请求。

webservice和webapi两种web服务的比较：

webservice ：基于SOAP风格的网络服务，使用方法进行请求。

webapi：基于REST 风格的网络服务、使用资源进行请求。

webapi中5个方法分别是查单个、查所有、增加、修改、删除。

微软有了webservice和wcf，为什么还要有webapi？

用过wcf的人应该都知道，面对一大堆复杂的配置文件，万一出了问题，真的会叫人抓狂，而且提供不同的客户端调用也不是很方便。不得不承认wcf的功能确实非常强大，可是有时候我们通常不需要那么多复杂的功能，只需要简单的仅通过使用HTTP或HTTPS来调用的增、删、改、查功能。webapi诞生...那么什么时候考虑使用webapi？

1.需要webservice但不需要SOAP。

2.需要在已有的wcf服务基础上建立non-soap-based http 服务。

3.只想发布一些简单的HTTP服务，不想使用相对复杂的wcf配置。

4.发布服务可能会被带宽受限的设备访问

5.希望使用开源框架，关键时候可以自己调试或自定义一下框架

webapi 使用

一、创建webapi

（1）新建项目->web->ASP.NET MVC Web 应用程序->命名为WebApiApp，在项目模板中选中“WebApi”。

（2）在Models目录中新建类UsersInfo。

namespace WebApiApp.Models

{

    public class UsersInfo

    {

        public int Id { get; set; }

        public string Name { get; set; }

        public int Age { get; set; }

        public string Email { get; set; }

        public string Adress { get; set; }

    }

}

（3）新建API控制器UsersInfoController，右击目录Controllers，选择“添加->控制器”。和普通控制器不一样的地方是这里要继承ApiController，而不是Controller.

namespace WebApiApp.Controllers

{

    public class UsersInfoController : ApiController

    {

        UsersInfo[] usersInfos = new UsersInfo[]

        {

            new UsersInfo{Id=,Name="张三", Age=, Email="abcd@126.com", Adress="北京"},

            new UsersInfo{Id=,Name="李四", Age=, Email="abcd@126.com", Adress="北京"},

            new UsersInfo{Id=,Name="王五", Age=, Email="abcd@126.com", Adress="北京"},

            new UsersInfo{Id=,Name="侯六", Age=, Email="abcd@126.com", Adress="北京"}

        };

        /// <summary>

        /// 获取全部数据

        /// </summary>

        /// <returns></returns>

        public IEnumerable<UsersInfo> GetAllUsersInfo()

        {

            return usersInfos;

        }

        /// <summary>

        /// 根据Id 获取数据

        /// </summary>

        /// <param name="Id"></param>

        /// <returns></returns>

        public UsersInfo GetUsersInfoById(int Id)

        {

            var usersInfo = usersInfos.FirstOrDefault((u) => u.Id == Id);

            return usersInfo;

        }

    }

}

二、调用WebAPI

WebAPI有两种调用方式。

1、调用方式1：jQuery的Ajax

指定请求的数据类型（contentType）：“application/json:charset=utf-8”。

主要属性如下：

a、type:请求方式，包括get、post、put、delete

b、url:请求资源，根据路由规则编写

c、data:请求数据，为json格式

d、contentType：请求数据的类型及编码

e、dataType：返回的数据类型，可以是text、json

f、success：成功处理的回调函数

g、error：失败处理的回调函数

h、async：true同步，false异步

提示：使用js的异步操作不支持跨域访问，也就是说js异步调用操作必须和webapi在同一个站点上。

（1） 新增一个UsersInfo.html来测试WebAPI的调用，代码如下：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="Scripts/jquery-1.8.3.min.js"></script>

</head>

<body>

    <div>

        <h3>所有用户</h3>

        <ul id="usersinfos"></ul>

    </div>

    <div>

        <h3>查询</h3>

        <input type="text" id="Id" size="15" />

        <input type="button" value="查询" onclick="GetUsersInfoById() " />

        <ul id="usersinfo"></ul>

    </div>

    <script type="text/javascript">

        var url_api = 'api/UsersInfo/';

        $(function () {

            GetAllUsersInfo();

        })

        function GetAllUsersInfo() {

            var strli = "";

            $.ajax({

                type: 'GET',

                url: url_api,

                async: false,//同步

                dataType: 'json',

                success: function (json) {

                    $.each(json, function (i, n) {

                        strli += "<li>";

                        strli += 'Id：' + n.Id + ',' + 'Name：' + n.Name + ',' + 'Age：' + n.Age + ',' + 'Email：' + n.Email + ',' + 'Adress：' + n.Adress + '';

                        strli += '</li>';

                    })

                    $("#usersinfos").html(strli);

                },

                error: function (xhr, status, error) {

                    alert("操作失败");

                }

            });

        }

        function GetUsersInfoById() {

            var strli_ById = "";

            var Id = $('#Id').val();

            $.ajax({

                type: 'GET',

                url: url_api,

                async: false,//同步

                dataType: 'json',

                data: { 'Id': Id },

                success: function (json) {

                    strli_ById += "<li>";

                    strli_ById += 'Id：' + json.Id + ',' + 'Name：' + json.Name + ',' + 'Age：' + json.Age + ',' + 'Email：' + json.Email + ',' + 'Adress：' + json.Adress + '';

                    strli_ById += '</li>';

                    $("#usersinfo").html(strli_ById);

                },

                error: function (xhr, status, error) {

                    alert("操作失败");

                }

            });

        }

    </script>

</body>

</html>

（2） 先运行WebApiApp项目，然后浏览UsersInfo.html，结果如下：

分布式技术 webapi的更多相关文章

  1. 分布式技术 webapi 路由追加html、aspx、shtml 适用于 对接 安卓、IOS

    首先是这样,在对接安卓和IOS或者是第三方调用的接口,我需要在服务端返回一个带.html/.aspx这样后缀的接口. 例子如下图:http://localhost:64131/api/UsersInf ...

  2. .Net 分布式技术比较

    内容转自于 http://www.mamicode.com/info-detail-585547.html .NET 分布式技术比较 1. MSMQ(Microsoft Message Queue) ...

  3. Zookeeper系列二：分布式架构详解、分布式技术详解、分布式事务

    一.分布式架构详解 1.分布式发展历程 1.1 单点集中式 特点:App.DB.FileServer都部署在一台机器上.并且访问请求量较少 1.2  应用服务和数据服务拆分  特点:App.DB.Fi ...

  4. 搞懂分布式技术21：浅谈分布式消息技术 Kafka

    搞懂分布式技术21:浅谈分布式消息技术 Kafka 浅谈分布式消息技术 Kafka 本文主要介绍了这几部分内容: 1基本介绍和架构概览 2kafka事务传输的特点 3kafka的消息存储格式:topi ...

  5. 搞懂分布式技术28：微服务（Microservice）那点事

    搞懂分布式技术28:微服务(Microservice)那点事 微服务(Microservice)那点事 肥侠 2016-01-13 09:46:53 浏览58371 评论15 分布式系统与计算 微服务 ...

  6. 搞懂分布式技术19：使用RocketMQ事务消息解决分布式事务

    搞懂分布式技术19:使用RocketMQ事务消息解决分布式事务 初步认识RocketMQ的核心模块 rocketmq模块 rocketmq-broker:接受生产者发来的消息并存储(通过调用rocke ...

  7. 搞懂分布式技术11：分布式session解决方案与一致性hash

    搞懂分布式技术11:分布式session解决方案与一致性hash session一致性架构设计实践 原创: 58沈剑 架构师之路 2017-05-18 一.缘起 什么是session? 服务器为每个用 ...

  8. 搞懂分布式技术12：分布式ID生成方案

    搞懂分布式技术12:分布式ID生成方案 ## 转自: 58沈剑 架构师之路 2017-06-25 一.需求缘起 几乎所有的业务系统,都有生成一个唯一记录标识的需求,例如: 消息标识:message-i ...

  9. 搞懂分布式技术9：Nginx负载均衡原理与实践

    搞懂分布式技术9:Nginx负载均衡原理与实践 本篇摘自<亿级流量网站架构核心技术>第二章 Nginx负载均衡与反向代理 部分内容. 当我们的应用单实例不能支撑用户请求时,此时就需要扩容, ...

随机推荐

  1. 在Windows 7 64位下注册ActiveX失败的解决办法

    copy Chart10W.dll  %SystemRoot%\SysWOW64\ copy cellweb5.inf  %SystemRoot%\SysWOW64\ copy hado.dll %S ...

  2. 码云平台, Git提交需要输入用户名/密码, 怎么办

    这是因为, 检出代码的时候, 使用了http的方式: 那么, 改为ssh的地址就行了

  3. Unicode 和 UTF-8 是什么关系？

    2015-10-14 10:08    评论: 9 收藏: 4 转载自: http://huoding.com/2015/10/13/472作者: 火丁笔记本文地址:https://linux.cn/ ...

  4. hadoop笔记 基础 归档

    核心:分布式存储和分布式计算 闲话: 底层基于socket通信 NIO——java异步io,不阻塞,不等待 bt——p2p软件(点对点传输,每个人既是上传者又是下载者.但是会占用大量网络带宽,所以很多 ...

  5. STL中使用reverse_iterator时，如何正确使用erase函数

    假设有一个list容器,顺序存储了0-9一个10个整数.现在要使用reverse_iterator迭代器来查找值为8和5的元素,并且将这两个数删除.先来看以下的解决方法: #include <i ...

  6. Tflearn的安装

    scipy-doc安装 sudo apt-get install python-scipy-doc安装python-scipy-doc h5py安装 sudo pip install h5py sci ...

  7. kotlin-plugin-1.1.2-release-Studio2.3-1.zip 下载地址

    1 官方下载地址,下载较慢,我家100m联通光纤,下载也就120k左右 http://jetbrains-plugins.s3.amazonaws.com/6954/34562/kotlin-plug ...

  8. Nothing is impossible

    题记: <你凭什么上北大>--贺舒婷.依稀记得这篇文章是我高二的时候在<青年文摘>读到的,从此她就成了我为之奋斗的动力.北大,也是我梦中的学府,虽然自己也曾刻苦过,但是还是没有 ...

  9. python全栈开发从入门到放弃之文件处理

    一.文件处理流程 1.打开文件,得到文件句柄并赋值给一个变量 2.通过句柄对文件进行操作 3.关闭文件 事例文件内容 [一棵开花的树] 如何让你遇见我 在我最美丽的时刻 为这 我已在佛前求了五百年 求 ...

  10. Django基础一

    Django基础一 Web框架本质 框架,即framework,特指为解决一个开放性问题而设计的具有一定约束性的支撑结构,使用框架可以帮你快速开发特定的系统,简单地说,就是你用别人搭建好的舞台来做表演 ...