1】创建 WebAPIWebAPI WebAPI，新建 ，新建 ->项目 ->ASP.NET Web >ASP.NET Web >ASP.NET Web >ASP.NET Web 应用程序 应用程序 应用程序 ->Web API>Web API>Web API >

2】：在Models文件夹中创建一个模型【TSModel.cs】先定义几个测试模型

3】：然后创建一个webapi控制器，民命【Main】

然后在控制器中写下【代码自行打开】

     [RoutePrefix("api/Main")]

     public class MainController : ApiController

     {

         [Route("GetUserInfo")]

         [HttpPost]

         public HttpResponseMessage GetUserInfo([FromBody]formUserInfo obj)

         {

             //[FromBody]int page, [FromBody]int rows, [FromBody]string email

             List<TSModel> listStudent = new List<TSModel>();

             for (int i = ; i < ; i++)

             {

                 TSModel student = new Models.TSModel();

                 Random ran = new Random();

                 student.Email = i.ToString() + ran.Next(, ).ToString() + "TS@qq.com";

                 student.Id = i;

                 student.Name = "TS-Name" + i.ToString() + ran.Next(, ).ToString();

                 listStudent.Add(student);

             }

             int page = obj.page;

             int rows = obj.rows;

             List<TSModel> ts = new List<TSModel>();

             for (int i = (page - ) * rows; i < (page * rows > listStudent.Count ? listStudent.Count : page * rows); i++)

             {

                 ts.Add(listStudent[i]);

             }

             string json = Newtonsoft.Json.JsonConvert.SerializeObject(new { rows = ts, total = listStudent.Count, success = true });

             return new HttpResponseMessage { Content = new StringContent(json, System.Text.Encoding.UTF8, "text/plain") };

         }

     }

     /// <summary>

     /// form提交数据

     /// </summary>

     public class formUserInfo

     {

         public int page { get; set; }

         public int rows { get; set; }

         public string email { get; set; }

     }

4】然后运行一下程序【由于这个创建之初系统会有自带程序，实际开发中可以删除这些】，运行的主要目的是为了看端口号；实际开发中这个发布之后由直自己设置。

5】：安装【aspnet.webapi.cors】这个在NuGet中设置

6】在App_Start/WebApiConfig.cs  添加设置

//跨域引用

using System.Web.Http.Cors;
//跨域引用

          config.EnableCors(new EnableCorsAttribute("*","*",""));







api到此结束，然后看看效果。先写一个html






 <!DOCTYPE html>

 <html>

 <head>

     <title>Ems SA</title>

     <link rel="stylesheet" type="text/css" href="JqueryEasyui/themes/bootstrap/easyui.css" />

     <link rel="stylesheet" type="text/css" href="JqueryEasyui/themes/icon.css" />

     <link rel="stylesheet" type="text/css" href="JqueryEasyui/demo/demo.css" />

     <script type="text/javascript" src="JqueryEasyui/jquery.min.js"></script>

     <script type="text/javascript" src="JqueryEasyui/jquery.easyui.min.js"></script>

     <script type="text/javascript">

         function doSearch() {

         }

     </script>

 </head>

 <body>

     <div>

         <table id="dg" class="easyui-datagrid" style="width: 100%; height: auto; min-height: 400px"

                data-options="

                 iconCls: 'icon-edit',

                 singleSelect: true,

                 url: 'http://localhost:17903/api/Main/GetUserInfo',

                 method: 'post',

                 pagination:true,

                 pageSize:15,

                 pageList: [5, 10, 15],

                 queryParams: {'email': ''}

         ">

             <thead>

                 <tr>

                     <th data-options="field:'ck',checkbox:true">

                     </th>

                     <th data-options="field:'Id'">

                         Id

                     </th>

                     <th data-options="field:'Name'">

                         Name

                     </th>

                     <th data-options="field:'Email'">

                         Email

                     </th>

                 </tr>

             </thead>

         </table>

     </div>

 </body>

 </html>






然后运行看看效果




【ps：本人在网络上看见这个Demo，所需学习之后在这里作为分享。记得当时下载这个例子需要积分，但是忘记是哪一个网址，所不提供Demo下载。按照上面步骤就可获取一个完整Demo】
												


											
Webapi--Webapi 跨域链接的更多相关文章
	

    
						
  1. asp.net core webapi之跨域（Cors）访问
		
    这里说的跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被当作 ...
    
		
    2. 
						
  2. 简析ASP.NET  WebApi的跨域签名
		
    之前的文章写了关于WebApi的跨域问题,当中的方法只是解决了简单请求的跨域问题而非简单请求的跨域问题则没有解决. 要弄清楚 CORS规范将哪些类型的跨域资源请求划分为简单请求的范畴,需要额外了解几个 ...
    
		
    3. 
						
  3. 关于WebService、WebApi的跨域问题
		
    随着移动互联网的发展, 传统营销模式往网站以及移动客户端转移已经成为一种趋势.接触过互联网开发的开发者肯定会很熟悉两种网络服务WebApi.WebService.在使用JavaScript进行数据交互 ...
    
		
    4. 
						
  4. .NET压缩图片保存  .NET CORE WebApi Post跨域提交  C# Debug和release判断用法  tofixed方法 四舍五入  (function($){})(jQuery);  使用VUE+iView+.Net Core上传图片
		
    .NET压缩图片保存   需求: 需要将用户后买的图片批量下载打包压缩,并且分不同的文件夹(因:购买了多个用户的图片情况) 文章中用到了一个第三方的类库,Nuget下载 SharpZipLib 目前用 ...
    
		
    5. 
						
  5. ASP.NET WebAPI解决跨域问题
		
    跨域是个很蛋疼的问题...随笔记录一下... 一.安装nuget包:Microsoft.AspNet.WebApi.Core 二.在Application_Start方法中启用跨域 1 protect ...
    
		
    6. 
						
  6. webapi支持跨域访问
		
    写在前面 在实际应用中,跨域请求还是比较常见的,如何上接口直接支持跨域的访问呢? demo 场景项目A有个接口用来获取用户列表,现在项目b也有个功能需要加载用户列表.这两个项目在两个域名下,至少端口好 ...
    
		
    7. 
						
  7. webapi+ajax跨域问题及cookie设置
		
    最近小玩了点东西,发现简单的东西总能遇到点问题 1.webapi跨域设置 [EnableCors(origins: "*", headers: "*", met ...
    
		
    8. 
						
  8. .net core webapi+vue 跨域访问
		
    最近在做一个前后端分离的示例,以下代码完美解决跨域的问题 一.后端服务 1.首先我们建一个.net core webapi的项目 2.项目引用Microsoft.AspNetCore.Cors 包 3 ...
    
		
    9. 
						
  9. WebAPI的跨域访问CORS三种方法
		
    跨域访问: JSONP的原理利用<script>没有跨域访问的限制,利用<script>的src跨域访问api,api会根据数据把json包装在一个js里面,这样跨域的客户端拿 ...
    
		
    10. 
						
  10. C# WebAPI设置跨域
		
    设置前端跨域请求很简单,只需要两个步骤 1.安装package Install-Package Microsoft.AspNet.WebApi.Cors 2.WebApiConfig类中,Regist ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 随便写写，也有一些参考了我jio的很好的他人的成果
			
    Spring框架学习记录(1) 一. https://www.cnblogs.com/yuanqinnan/p/10274934.html (一)只要用框架开发java,一定躲不过spring,Spr ...
    
			
    2. 
						
  2. 2.SpringMVC注解开发
			
    1.创建SpringMVC项目 配置web.xml <?xml version="1.0" encoding="UTF-8"?> <web-a ...
    
			
    3. 
						
  3. Codeforces Round #554 (Div. 2)  1152A - Neko Finds Grapes
			
    学了这么久,来打一次CF看看自己学的怎么样吧 too young too simple 1152A - Neko Finds Grapes 题目链接:"https://codeforces. ...
    
			
    4. 
						
  4. Spring依赖注入（DI）详解
			
    一．依赖简介 一个典型的企业应用程序不是由一个单一的对象组成(或Spring的说法中的bean).即使是最简单的应用程序也只有几个对象一起工作来呈现最终用户看作是一个连贯的应用程序.如何从定义许多独立 ...
    
			
    5. 
						
  5. Java中最常用的集合类框架之 HashMap
			
    一.HashMap的概述 HashMap可以说是Java中最常用的集合类框架之一,是Java语言中非常典型的数据结构.      HashMap是基于哈希表的Map接口实现的,此实现提供所有可选的映射 ...
    
			
    6. 
						
  6. 脑残式网络编程入门(四)：快速理解HTTP/2的服务器推送(Server Push)
			
    本文原作者阮一峰,作者博客:ruanyifeng.com. 1.前言 新一代HTTP/2 协议的主要目的是为了提高网页性能(有关HTTP/2的介绍,请见<从HTTP/0.9到HTTP/2:一文读 ...
    
			
    7. 
						
  7. 应用监控CAT之cat-consumer源码阅读（二）
			
    之前讲了 cat-client 进行cat埋点上报,那么上报给谁呢?以及后续故事如何?让我们来看看 cat-consumer 是如何接收处理的? 由cat-client发送数据,cat-consume ...
    
			
    8. 
						
  8. Docker简介以及操作
			
    Docker 简介 Docker 是一个开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余项目.它基于 Google 公司推出的 Go 语言实现. 项目后来加入了 Linu ...
    
			
    9. 
						
  9. 整理+学习《骆昊-Java面试题全集（上）》
			
    ★可以关注微信公众号,了解更多技术和行业信息 2013年年底的时候,我看到了网上流传的一个叫做<Java面试题大全>的东西,认真的阅读了以后发现里面的很多题目是重复且没有价值的题目,还有不 ...
    
			
    10. 
						
  10. asp.net core mvc上传大文件解决方案
			
    默认上传文件大小不超过30M 第一个问题: IIS 10.0 详细错误 - 404.13 - Not Found 请求筛选模块被配置为拒绝超过请求内容长度的请求. 服务器上的请求筛选被配置为拒绝该请求 ...
    
			
    11.