從項目外的普通HTML文件調用MVC4 Web API

Question

我試圖學習MVC4 Web API。我正在從VS2010運行我的項目。

我的項目URL爲localhost：31735

當直接調用瀏覽器從自身的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')); 
      }); 
     }); 
    }); 

但是這亙古不變的工作。你能幫我嗎。

Answer 1

我現在想從項目外的普通HTML文件中調用Webapi。

您不能這樣做，因爲same origin policy限制會阻止您發送跨域AJAX請求。有different possible workarounds，其中之一是使用JSONP而不是JSON。

這裏的a post其中描述瞭如何使用自定義媒體格式化程序來實現這一目標。