ajax c#跨域请求怎么处理 - 问答

在C#中处理AJAX跨域请求，你可以使用JSONP或CORS（跨源资源共享）来实现。这里分别介绍这两种方法：

JSONP（JSON with Padding）：

JSONP是一种跨域数据交互的方法，它利用了<script>标签的src属性不受同源策略限制的特点。在C#中，你可以使用System.Web.Script.Serialization命名空间下的JavaScriptSerializer类来处理JSONP数据。

首先，你需要在客户端的AJAX请求中指定JSONP的回调函数名：

$.ajax({
    url: "http://example.com/api",
    dataType: "jsonp",
    data: { key: "value" },
    jsonpCallback: "handleResponse",
    success: function(response) {
        handleResponse(response);
    }
});

然后，在C#后端代码中，创建一个处理JSONP请求的方法：

using System;
using System.Web.Script.Serialization;

public class JsonpHandler
{
    public static void RegisterJsonpHandler(HttpServerUtility server)
    {
        server.MapPath("~/jsonphandler.ashx");
    }

    public static void ProcessJsonpRequest(HttpContext context)
    {
        string callback = context.Request["callback"];
        JavaScriptSerializer serializer = new JavaScriptSerializer();
        string jsonResponse = serializer.Serialize(new
        {
            key = "value"
        });

        context.Response.ContentType = "application/javascript";
        context.Response.Write($"{callback}({jsonResponse});");
    }
}

最后，在Global.asax.cs中注册JSONP处理程序：

using System.Web.Http;

public class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        // ... 其他配置 ...

        config.MapHttpAttributeRoutes();

        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );

        JsonpHandler.RegisterJsonpHandler(HttpContext.Current.Server);
    }
}

CORS（跨源资源共享）：

CORS是一种更现代、安全的跨域解决方案，它允许服务器通过设置响应头来指定哪些源可以访问其资源。在C#中，你可以使用System.Web.Http命名空间下的EnableCors属性来启用CORS支持。

首先，在WebApiConfig.cs中启用CORS支持：

using System.Web.Http;

public class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        // ... 其他配置 ...

        config.EnableCors();
    }
}

然后，在需要允许跨域访问的控制器方法上添加[EnableCors]属性：

using System.Web.Http;

public class MyController : ApiController
{
    [EnableCors(origins: "*", headers: "*", methods: "*")]
    public IHttpActionResult GetData()
    {
        return Ok(new
        {
            key = "value"
        });
    }
}

这样，客户端就可以通过AJAX跨域请求访问MyController下的GetData方法了。

0 赞

0 踩