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

客户端：很简单的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. fstream读写UNICODE文件

    今天遇到要处理UNICODE文件的情况,网上找了一圈都是读取出字节,再转的,这个不方便啊!想起了有codecvt这么个东西,顺藤摸瓜,找到了方法. locale utf16(locale(" ...

  2. 移动web开发研究

    1.jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面.jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格 ...

  3. 什么是空间复杂度（What is actually Space Complexity ?）

    属于空间复杂度(Space Complexity)在很多情况下被错认为是附属空间(Auxiliary Space),下面是附属空间和空间复杂度的定义. 附属空间(Auxiliary Space)是算法 ...

  4. 3D objects key rendering steps

    Key steps of Rendering objects: 1 Create objects’ meshes, which we can use C++’s vector container to ...

  5. puppet foreman

    服务器(物理机器和虚拟机)多了以后需要工具来管理,经常登陆系统后不知是在虚拟机上还是在物理机上?如果在虚拟机上这个虚拟机运行在哪个服务器节 点(host)上?如果在物理机上运行在什么配置的物理机上?运 ...

  6. WPF 实现控件间拖拽内容

    想实现这样一个常用功能:在ListBox的一个Item上点住左键,然后拖拽到另外一个控件(如ListView中),松开左键,数据已经拖拽过来. 步骤如下: 1. 设置ListBox 的AllowDro ...

  7. EL表达式 functions String处理函数

    01.uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>  02.上面的 uri 根据 ...

  8. 深度剖析JDK动态代理机制

    摘要 相比于静态代理,动态代理避免了开发人员编写各个繁锁的静态代理类,只需简单地指定一组接口及目标类对象就能动态的获得代理对象. 代理模式 使用代理模式必须要让代理类和目标类实现相同的接口,客户端通过 ...

  9. webService返回自定义类型的数据处理

    1.自定义一个Student 数据类型: package com.chnic.webservice; import java.io.Serializable; public class Student ...

  10. [RxJS] Wrap up

    Last thing to do is clean the score box and input, also auto foucs on input when click start. const ...