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. 洛谷P1725--琪露诺(单调队列)
			
    https://www.luogu.org/problemnew/show/P1725 关于滑动窗口的解释https://www.cnblogs.com/albert67/p/10449039.htm ...
    
			
    2. 
						
  2. unigui+fastreport报表打印
			
    unigui+fastreport报表打印   unigui+fastreport报表打印 FASTREPORT导出成PDF报表,UNIGUI的TUniURLFrame显示PDF报表并打印. func ...
    
			
    3. 
						
  3. optimizer
			
    在很多机器学习和深度学习的应用中,我们发现用的最多的优化器是 Adam,为什么呢? 下面是 TensorFlow 中的优化器, https://www.tensorflow.org/api_guide ...
    
			
    4. 
						
  4. 剑指offer面试题16：反转链表
			
    题目:定义一个函数,输入一个链表的头结点,反转该链表并输出反转后的链表的头结点.解题思路:单向链表只能实现单向遍历,改变链表方向就是要把当前链表的节点指向它的前一个节点,一旦当前链表指向发生了变化,就 ...
    
			
    5. 
						
  5. BP算法基本原理推导----《机器学习》笔记
			
    前言 多层网络的训练需要一种强大的学习算法,其中BP(errorBackPropagation)算法就是成功的代表,它是迄今最成功的神经网络学习算法. 今天就来探讨下BP算法的原理以及公式推导吧. 神 ...
    
			
    6. 
						
  6. 如何把web.xml中的context-param、Servlet、Listener和Filter定义添加到SpringBoot中
			
    把传统的web项目迁移到SpringBoot中,少不了web.xml中的context-param.Servlet.Filter和Listener等定义的迁移. 对于Servlet.Filter和Li ...
    
			
    7. 
						
  7. [Postman]历史(8)
			
    邮递员将您发送的所有请求存储在左侧边栏的“历史记录”视图中.您可以使用历史记录快速尝试各种请求,而不必浪费时间从头开始构建请求.您还可以通过单击请求名称来加载先前的请求. 如果您创建了一个帐户并登录P ...
    
			
    8. 
						
  8. 深入分析Java I/O的工作机制 （三）网络I/O的工作机制 很详细
			
    3.网络I/O的工作机制 前言:数据从一台主机(服务端)发送到网络中的另一台主机(客户端)需要经过很多步骤:首先需要有相互沟通的意向.其次要有能够沟通的物理渠道(物理链路):是通过电话,还是直接面对面 ...
    
			
    9. 
						
  9. Group By Grouping Sets
			
    Group by分组函数的自定义,与group by配合使用可更加灵活的对结果集进行分组,Grouping sets会对各个层级进行汇总,然后将各个层级的汇总值union all在一起,但却比单纯的g ...
    
			
    10. 
						
  10. Python制作二维码和条形码扫描器 （pyzbar）
			
    条码在生活中随处可见,其可分为三类:一维条码.二维条码.三维条码 一维条码: 我们平时习惯称为条形码.条形码是将宽度不等的多个黑条和空白,按照一定的编码规则排列,用以表达一组信息的图形标识符.常见的条 ...
    
			
    11.