REST是设计风格而不是标准。前端
webapi有本身的路由。web
webservice和wcf的协议都是soap协议,数据的序列化和反序列化都是soap的格式。而webapi是Json的数据传递ajax
webapi的优势有哪些?json
(1)很是适合作http的请求,前端与webapi交互特别方便后端
(2)webapi更轻量由于使用的json数据来传递。api
(3)webapi不少时候是给前端提供数据的,由于webapi跟控制器关联的没那么紧密(如果没webapi,用mvc的模式,那么页面直接从对应的控制器获取数据),这样传递数据webapi对,手机,app,页面均可以经过同一个数据源提供数据,会比较灵活一些。(会跨域)跨域
(一)配置webapi,访问浏览器
第一步:新建项目后,找到Global.asax文件----找到GlobalConfiguration.Configure(WebApiConfig.Register)方法------按F12进入 WebApiConfig.Register方法中----添加内容红框框mvc
知识点:路由器注册顺序是由上往下的,会先从上面进行匹配。app
路由器的名称不能重名,不然报错【CustomApi/DefaultApi】
第二步:设置webapi项目为启动项,而后启动,在网页路径上加api/values(控制器名称不要Controller)
知识点:由于ValuesController是项目自带的,那么这一次的请求与 DefaultApi的路由规格是一致的。
但显示的结果应该Values控制器中的get方法的,也就是应该是访问api/values/get。实际上api风格是不须要的get,rest也不须要get,会自动找到这个get的。如果把这个路径放到别的浏览器会直接获得json格式的数据
(2)如何去使用webapi?页面获取数据经过api提供,不经过控制器
知识点:1.ajax中的type有四种方式:get(查询),post(修改),delete(删除),put(插入) 。
2.写webapi时,在后台的方法最好将特性标记号对应上[HttpGet],[HttpPost],[HttpDelete],[HttpPut]。http请求和rest风格的api若是不想在后台方法写特性,但也能够将方法名以Get开头,不然会报错。
get:如果查询数据,经过get,其实get请求会将参数拼装到url上面,而url长度是有限的
post:如果对原有数据新增和修改就用post,多用post便可。post不是将参数放在url上面的,而是放在表单上的。
3.传递的参数username名必定要相同,可是大小写能够不同。
4.如果user={name:"张苏纳",id:123,age:'19'} 而后data:user那么在后台是接收不到的,即便在页面调试时是能够看到数据。如果想接收到的话,须要在后台写成GetUserModeuri([FormUri]Users user)。
5.基于第4的另外一种方法。能够将user序列化转化为一个字符窜,而后后台接收后反序列化便可获得。data:{userString:JSON.stringify(user)}
6.(1)如果经过post请求的时候,是将数据放在from data里面的,如果传递单个参数,不要在ajax上不要写对应参数。
(2)只有不写id才能获得,与[formbody]无关。如果经过post传递实体,那么在后台能够直接拿到 ,不须要任何转化。
(3)固然也能够经过data:Json.stringify(user) contentType:'application/json'(contentType默认是json类型的)来在后台一样获得。
(4)如果参数包含了一个实体,还有一个字符串参数data:{"User":user,"Info":info}该怎么办,能够经过引用Newtonsoft.Json.Linq的JObject类型。jObject.ToObject是一个序列化方法,将josn转化为对象。
7.dynamic动态类型,好比一个实体和一个参数放到同一个对象中,获取对象后,而后dynamic json=jData; var mm= json.user,动态类型是能够直接访问属性的。
8.put和post是同样的使用,put主要是插入数据使用。
9.delete也是同样的。
10.webapi最方便的是给前端使用。
get方式:单个参数,实体
post方式:第一种:单个参数
第二种:经过传实体或实体+参数
******************************以上都是前端的调用****************************************************
*******************************如下是后端的调用*****************************************************
一、后端调用也是经过模拟http请求,有两种方式:HttpClient(4.0才出现),HttpWebRequest(更灵活)
//获得调用该方法就能够获得 HttpClient方式实现get请求 private string GetClient(){string url="http://localhost:9008/api/users/GetUserByName?username=superman"; var handler=new HttpClientHandler(); using(var http=new HttpClient(handler)){ var response=http.GetAsync(url).Result;//拿到异步结果 cw(response.StatusCode);//确保http成功状态值 //await异步读取最后的JSON(注意此时gzip已经被自动解压缩了,由于上面的AutomaticDecompression=DecompressionMethods.G) return response.Content.ReadAsStringAsync().Result; } } //获得调用该方法就能够获得 HttpWebRequest方式 实现get请求 private string GetWebQuest(){ string url="http://localhost:9008/api/users/GetUserByName?username=superman"; HttpWebRequest request using(var http=new HttpClient(handler)){ var response=http.GetAsync(url).Result;//拿到异步结果 cw(response.StatusCode);//确保http成功状态值 //await异步读取最后的JSON(注意此时gzip已经被自动解压缩了,由于上 面的AutomaticDecompression=DecompressionMethods.G) return response.Content.ReadAsStringAsync().Result; } }