ajax c#跨域请求怎么处理

avatar
作者
猴君
阅读量:0

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

  1. 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);     } } 
  1. 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方法了。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!