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. Excel列A、B、C、D----与列序号的转换
			
    public static class ExcelConvert { public static int ToExcelIndex(this string columnName) { if (!Reg ...
    
			
    2. 
						
  2. Ubuntu 16.04.2 配置VNC
			
    1安装包apt-get update sudo apt install xfce4 xfce4-goodies tightvncserversudo apt-get install vnc4serve ...
    
			
    3. 
						
  3. nginx三种安装方法(转载)
			
    Nginx是一款轻量级的网页服务器.反向代理服务器.相较于Apache.lighttpd具有占有内存少,稳定性高等优势.它最常的用途是提供反向代理服务. 1.安装包编译安装 2.yum源安装 3.使用 ...
    
			
    4. 
						
  4. submit插件安装的问题与集成了插件的submit
			
    写在最前面,方法有二种.一种是在线安装,这种办法我尝试过,受网速和软件卡顿的问题,进行不顺利.第二种就是我下面介绍的这种,手动安装. 最精华的在后面,可以直接跳转到最后.我找了很久的,最新版的汉化,而 ...
    
			
    5. 
						
  5. eclipse 工作区空格和回车键显示为乱码
			
    eclipse 工作区空格和回车键显示为乱码 解决方法:Windows => Preferences => General =>Editors =>Text Editor =& ...
    
			
    6. 
						
  6. React 和 Redux 结合 1
			
    React依赖: "devDependencies": { "babel-core": "^6.26.0", "babel-loa ...
    
			
    7. 
						
  7. docker zabbix
			
    1.zabbix-mysql 数据库 sudo docker pull zabbix/zabbix-server-mysql sudo docker run --name some-zabbix-se ...
    
			
    8. 
						
  8. 使用HOG特征+BP神经网络进行车标识别
			
    先挖个坑,快期末考试了,有空填上w 好了,今晚刚好有点闲,就把坑填上吧. //-------------------------------开篇---------------------------- ...
    
			
    9. 
						
  9. Python (time、datetime、random、os、sys、shutil)模块的使用
			
    ######################################################### 模块time ################################### ...
    
			
    10. 
						
  10. 微信APP支付，支付宝APP支付demo
			
    最近公司新开发的APP中,需要集成微信支付和支付宝支付,2个平台申请的都是APP支付.这是个人第一次单独的,完整的做完2个平台的支付. 这里我主要用到了2个接口:支付接口,订单查询接口,虽然2个平台的 ...
    
			
    11.