我想关于此类话题的文章，大家一搜铺天盖地都是，我写此文的目的，只是对自己学习过程的记录，能对需要的朋友有所帮助，也百感荣幸！！！废话不多说，直接上代码！

客户端：很简单的AJAX请求

<html>
<head>

   <title id='Description'>WebApi支持Ajax跨域</title>

  <script src="js/jquery-1.11.1.min.js"></script>

    <script type="text/javascript">

        $(function () {

            $.ajax({

                type: "POST",

                url: "https://192.168.1.9/api/values/get",

                success: function (persons) {

                    alert('persons');

                },

                error: function () {

                    alert('fail');

                }

            });

        });

</script>

</head>

<body class='default'>

 </body>

</html>

WebApi服务端：

1.自定义EnableCorsAttribute类，继承于System.Web.Http.Filters.ActionFilterAttribute ，重写OnActionExecuted方法如下

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Http.Filters;

namespace ResourceServer

{

    public class EnableCorsAttribute : System.Web.Http.Filters.ActionFilterAttribute

    {

       public override void OnActionExecuted(HttpActionExecutedContext actionExecutedContext)

        {

            if (!actionExecutedContext.Response.Headers.Contains("Access-Control-Allow-Origin"))

            {

                actionExecutedContext.Response.Headers.Add("Access-Control-Allow-Origin", "*");

            }

            if (!actionExecutedContext.Response.Headers.Contains("Access-Control-Allow-Headers"))

            {

                actionExecutedContext.Response.Headers.Add("Access-Control-Allow-Headers", "Content-Type,Accept");

            }

            if (!actionExecutedContext.Response.Headers.Contains("Access-Control-Allow-Methods"))

            {

                actionExecutedContext.Response.Headers.Add("Access-Control-Allow-Methods", "GET,POST");

            }

         }

    }

}

2.上一部完成后，也已经大功告成，此步直接在想支持跨域Controller的Action的方法上添加标记，就能实现AJAX的跨域调用了。：）

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Net.Http;

using System.Web.Http;

using System.Web.OData;

using Newtonsoft.Json;

using WebApiThrottle;

namespace ResourceServer.Controllers

{

    public class People {

        public string Name { get; set; }

        public int Age { get; set; }

    }

    public class ValuesController : ApiController

    {

        public static List<People> li = new List<People>{

        new People{ Name="李刚", Age=},

        new People{ Name="王六", Age=}

        };

        // GET api/<controller>

        [EnableCors]//此特性添加就支持跨域访问了

        [HttpPost]

        [HttpGet]

        [EnableQuery()]

        [EnableThrottling(PerMinute=)]

        public List<People> Get()

        {

            return li;

        }

    }

}

WebApi 自定义过滤器实现支持AJAX跨域的请求的更多相关文章

  1. 支持ajax跨域调用的WCF搭建示例

    支持ajax 跨域调用的WCF搭建 1.新建一个"ASP.NET空Web应用程序"项目. 2.新建一个“WCF服务(支持ajax)”. 3.修改WCFAjaxService.svc ...

  2. 支持Ajax跨域访问ASP.NET Web Api 2(Cors)的简单示例教程演示

    随着深入使用ASP.NET Web Api,我们可能会在项目中考虑将前端的业务分得更细.比如前端项目使用Angularjs的框架来做UI,而数据则由另一个Web Api 的网站项目来支撑.注意,这里是 ...

  3. SpringBoot支持AJAX跨域请求

    利用注解的方式解决AJAX请求跨域问题 1.编写一个支持跨域请求的 Configuration - 第一种方式 - CorsConfig.java import org.springframework ...

  4. 本地调试 Chrome支持Ajax跨域

    Ajax本身是不支持跨域的,跨域问题其实很简单,通过浏览器的相应设置可以完成两个不同的服务器或两个不同服务下的项目互相访问.希望大家给予评价及投票. 方法/步骤 1 首先谷歌快捷方式上右击,在下拉列表 ...

  5. ajax跨域简单请求与复杂请求

    开发网站时经常会用到跨域资源共享(简称cors,后面使用简称)来解决跨域问题,但是在使用cors的时候,http请求会被划分为两类,简单请求和复杂请求,而这两种请求的区别主要在于是否会触发cors预检 ...

  6. IIS 支持 ajax 跨域

    第一,首先要浏览器支持. Firefox和Chrome都支持了. IE10 也支持. IE8,9 需要使用其他方式才能支持 第二, 加上HTTP header. IIS 7 的方式比较容易. 就在we ...

  7. 通过添加filter过滤器 彻底解决ajax 跨域问题

    1.在web.xml添加filter <filter> <filter-name>contextfilter</filter-name> <filter-cl ...

  8. 基于java过滤器实现的ajax跨域解决方案

    http://software.dzhuvinov.com/cors-filter-configuration.html

  9. 【笔记】Asp.Net WebApi对js POST带参数跨域请求的支持方案

    先说下需求:在原来的WebApi项目中增加对js跨域的请求支持,请求方式:以POST为主,webapi路由规则根据原项目需求修改如下: public static void Register(Http ...

随机推荐

  1. pmp论坛

    PMP论坛: http://www.px101.com/specialpmp/ http://www.pmp.cn/ http://www.pmptuan.com/ http://www.mypm.n ...

  2. 具体解说Android的图片下载框架UniversialImageLoader之磁盘缓存的扩展（二）

    相对于第一篇来讲,这里讲的是磁盘缓存的延续.在这里我们主要是关注四个类.各自是DiskLruCache.LruDiskCache.StrictLineReader以及工具类Util. 接下来逐一的对它 ...

  3. [CSAPP笔记][第二章信息的表示和处理]

    信息的表示和处理 2.1 信息存储 机器级程序将存储器视为一个非常大的字节数组,称为虚拟存储器. 存储器的每个字节由一个唯一的数字表示,称为它的地址 所有可能地址的集合称为虚拟地址空间 2.1.1 十 ...

  4. .NET基础拾遗（4）委托为何而生？

    生活中的例子: 你早上要吃包子作为早饭,那么你可能让你爸爸或者妈妈帮你做,那你就会调用 爸爸.要包子() 或妈妈.要包子() 返回包子对象. 但是如果你爸妈不在家的时候,你只能去街上买,问题是你根本不 ...

  5. RDLC报表上下标实现

    例:m的6次方 ="M"&ChrW(8310) Character Name Character Num Entity Hex Entity Superscript Cha ...

  6. 理解SQL SERVER中的分区表(转）

    简介 分区表是在SQL SERVER2005之后的版本引入的特性.这个特性允许把逻辑上的一个表在物理上分为很多部分.而对于SQL SERVER2005之前版本,所谓的分区表仅仅是分布式视图,也就是多个 ...

  7. Windows命令行(DOS命令)教程–2 （转载） http://arch.pconline.com.cn//pcedu/rookie/basic/10111/15325_1.html

    二.符号约定 为了便于说明格式,这里我们使用了一些符号约定,它们是通用的: C: 盘符 Path 路径 Filename 文件名 .ext 扩展名 Filespec 文件标识符 [ ] 方括号中的项目 ...

  8. linux安装rz和sz

    rz命令是用来上传文件 sz命令是用来下载文件 1.系统安装了yum 以root用户登录: yum install lrzsz -y 2.没有安装yum 以下地址中有详解 http://jingyan ...

  9. hdu 1215 七夕节

    Problem Description 七夕节那天,月老来到数字王国,他在城门上贴了一张告示,并且和数字王国的人们说:"你们想知道你们的另一半是谁吗?那就按照告示上的方法去找吧!" ...

  10. DNF(一.YUM已死,DNF代之)

    Yum还没学好呢,突然听到已经要被抛弃了.恐慌至极.. 在最新版的Fedora 22 抛弃了Yum包管理器,取而代之的是DNF.. 那么搜搜 Fedora 22 Release Note.. 官方给出 ...