[C# ASP.NET MVC] Web API - JSONP 호출 반환

Web API - JSONP 호출 반환

Web API는 기본적으로 JSONP를 지원하지 않는다.

JSONP를 지원하기 위해서는 Fomatter를 추가하여 아래와 같이 해결 할 수 있습니다.

설정 파일

// App_Start/WebApiConfig.cs 파일에서 수정 public static void Register(HttpConfiguration config) { config.Routes.MapHttpRoute( name: "DefaultApi", routeTemplate: "api/{controller}/{id}", defaults: new { id = RouteParameter.Optional } ); config.EnableQuerySupport(); //JSONP 형식으로 리턴이 되도록 세팅 config.Formatters.Add(new JsonpMediaTypeFormatter()); }

[코드] JSONP로 변환해주도록 설정 함

Business Logic

public class JsonpMediaTypeFormatter : JsonMediaTypeFormatter { private string _callbackQueryParameter; public JsonpMediaTypeFormatter() { SupportedMediaTypes.Add(DefaultMediaType); SupportedMediaTypes.Add(new MediaTypeHeaderValue("application/javascript")); // need a lambda here so that it'll always get the 'live' value of CallbackQueryParameter. MediaTypeMappings.Add(new Mapping(() => CallbackQueryParameter, "application/javascript")); } public string CallbackQueryParameter { get { return _callbackQueryParameter ?? "callback"; } set { _callbackQueryParameter = value; } } public override Task WriteToStreamAsync(Type type, object value, Stream writeStream, HttpContent content, TransportContext transportContext) { var callback = GetCallbackName(); if (!String.IsNullOrEmpty(callback)) { // select the correct encoding to use. Encoding encoding = SelectCharacterEncoding(content.Headers); // write the callback and opening paren. return Task.Factory.StartNew(() => { var bytes = encoding.GetBytes(callback + "("); writeStream.Write(bytes, 0, bytes.Length); }) // then we do the actual JSON serialization... .ContinueWith(t => base.WriteToStreamAsync(type, value, writeStream, content, transportContext)) // finally, we close the parens. .ContinueWith(t => { var bytes = encoding.GetBytes(")"); writeStream.Write(bytes, 0, bytes.Length); }); } return base.WriteToStreamAsync(type, value, writeStream, content, transportContext); } private string GetCallbackName() { if (HttpContext.Current.Request.HttpMethod != "GET") return null; return HttpContext.Current.Request.QueryString[CallbackQueryParameter]; } #region Nested type: Mapping private class Mapping : MediaTypeMapping { private readonly Func<string> _param; public Mapping(Func<string> discriminator, string mediaType) : base(mediaType) { _param = discriminator; } public override double TryMatchMediaType(HttpRequestMessage request) { if (request.RequestUri.Query.Contains(_param() + "=")) return 1.0; return 0.0; } } #endregion }

[코드] JSONP로 변환해주는 코드

HTML 코드

$.ajax({ url : "https://url.com/api", data : { }, dataType : "jsonp", //jsonp 형식으로 요청 jsonp : "callback", //callback function name success : function(data) { alert('true'); } });

[코드] HTML에서 Javascript로 호출하여 확인하는 코드

위와 같이 세팅하면

Asp.net MVC 4에서 JSONP 형식으로 리턴이 된다.