从项目外的普通 HTML 文件调用 MVC4 Web API

Question

我正在尝试学习 MVC4 Web API。我正在从 VS2010 本身运行我的项目。

我的项目网址是 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，它描述了如何使用自定义媒体格式化程序来实现这一目标。