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. 0723掰棒子记录--vue的数据渲染
			
    问题1:想要在一个panel标签中添加一个图片,panel中有一个datalist属性.如何设计标签可以插入想要的图片. template: <panel :list="dataLis ...
    
			
    2. 
						
  2. 11、OpenCV实现图像的灰度变换
			
    1.灰度变换的基本概念 灰度变换指对图像的单个像素进行操作,主要以对比度和阈值处理为目的.其变换形式如下: s=T(r) 其中,T是灰度变换函数:r是变换前的灰度:s是变换后的像素.图像灰度变换的有以 ...
    
			
    3. 
						
  3. java 的原码、补码、反码小总结
			
    先看一个代码吧: int h; return (key == null) ? 0 : (h = key.hashCode()) ^ (h >>> 16); 这个应该很熟悉吧,是 ja ...
    
			
    4. 
						
  4. Django+easyui 快速开发
			
    Django的使用我们可以查看上一篇博客,今天我们要在Django中使用easyui快速开发,在我们安装好Django, 我们可以道改地址那一下easyui 官方API文档(http://downlo ...
    
			
    5. 
						
  5. Python ImportError: No module named 'requests'的解决方法
			
    import requests报错 Python ImportError: No module named 'requests'可能是requests没有安装 安装流程 1.cmd 2.cd D:\p ...
    
			
    6. 
						
  6. 搭建servlet+jsp环境
			
    c3p0: <?xml version="1.0" encoding="UTF-8"?><c3p0-config> <named- ...
    
			
    7. 
						
  7. 【渗透技术】渗透测试技术分析_TomCat
			
    [渗透技术]渗透测试技术分析_TomCat 本文转自:i春秋论坛 渗透测试-中间人攻击(原理)说起“中间人攻击”我想大多数对渗透测试又了解的朋友都多少有所了解,因为我们用到的次数真是非常的多.它可以将 ...
    
			
    8. 
						
  8. Docker学习笔记-两种发布方式
			
    第一种,自己手写dockerfile发布,上传至hubDocker 正常发布到文件夹中,发布文件上传至linux机器上.如 /www/app 将Dockerfile文件也复制到同目录 ./www/ap ...
    
			
    9. 
						
  9. 怎么随时获取Spring的上下文ApplicaitonContext，和Spring管理的Bean
			
    BeanFactory接口 Interface BeanFactory getBean <T> T getBean(String name, Class<T> required ...
    
			
    10. 
						
  10. 第二节：Web前端-ASP.NET之C#基础
			
    第二节:Web前端-ASP.NET之C#基础 学习ASP.NET,要掌握学习语言,控件等技能, <div style="text-align: center; line-height: ...
    
			
    11.