프로젝트 외부의 일반 HTML 파일에서 MVC4 웹 API 호출

Question

MVC4 웹 API를 배우려고합니다. VS2010 자체에서 프로젝트를 실행하고 있습니다.

내 프로젝트 URL은 localhost입니다 : 31,735

직접 브라우저 자체에서 WebAPI를 호출. localhost와 같이 작동합니다 : 31735/api/products/

이제 프로젝트 외부의 일반 HTML 파일에서 Webapi를 호출하려고합니다.

나는이

$(document).ready(function() { 
      // Send an AJAX request 
      $.getJSON("http://localhost:31735/api/products/", 
      function (data) { 
      // On success, 'data' contains a list of products. 
       $.each(data, function (key, val) { 

       // Format the text to display. 
       var str = val.Name + ': $' + val.Price; 

       // Add a list item for the product. 
       $('<li/>', { html: str }).appendTo($('#products')); 
      }); 
     }); 
    }); 

을하려고 노력하지만이 작업을 doesnot. 도울 수 있니.

Answer 1

이제 프로젝트 외부의 일반 HTML 파일에서 Webapi를 호출하려고합니다.

same origin policy 제한 사항으로 인해 도메인 간 AJAX 요청을 보낼 수 없기 때문에이 작업을 수행 할 수 없습니다. different possible workarounds이 있으며 그 중 하나가 JSON 대신 JSONP을 사용합니다.

여기에 a post은 맞춤식 미디어 포맷터를 사용하여이를 달성하는 방법을 설명합니다.