.NET REST 'GET' 调用返回 json 数据，但在 Chrome 和 Firefox 中返回 null答案

【问题标题】：.NET REST 'GET' call returns json data but returns null in Chrome and Firefox.NET REST 'GET' 调用返回 json 数据，但在 Chrome 和 Firefox 中返回 null
【发布时间】：2015-12-21 16:43:48
【问题描述】：

我的 Angular 代码中有一个函数可以对服务器进行 REST GET 调用。在 Fiddler 中，数据返回 200，对象在 IE 和 Edge 中返回，但数据在 Chrome 和 Firefox 中返回为 null，这是我的代码。

 $http.get('http://localhost:62012/api/Restaurants').success(function (response) {
    alert(JSON.stringify(response));
}).error(function (err) {
    alert(JSON.stringify(err));
})

【问题讨论】：

您是否通过 POSTMAN 测试过 API？
@ShaohaoLin 没用过。
您可以使用 POSTMAN 来测试您的 RESTful API。它是一个 chrome 工具，您可以下载它并测试您的 API。
我对其进行了测试，它返回 200，就像在提琴手中一样。数据仅在 firefox 和 chrome 中返回为 null @ShaohaoLin
那你能创建一个 plunker 链接吗？这个问题似乎与我有关。

标签： javascript angularjs json google-chrome firefox

【解决方案1】：

我发现这篇文章为我解决了这个问题，我在 Visual Studio 中使用了两个不同的项目，一个用于后端 WebAPI，一个用于客户端。为此，您需要启用 CORS http://www.codeproject.com/Articles/742532/Using-Web-API-Individual-User-Account-plus-CORS-En#enablecors

这段代码应该放在你的 app.js 文件夹中

$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    // Override $http service's default transformRequest
    $httpProvider.defaults.transformRequest = [function (data) {
        /**
         * The workhorse; converts an object to x-www-form-urlencoded serialization.
         * @param {Object} obj
         * @return {String}
         */
        var param = function (obj) {
            var query = '';
            var name, value, fullSubName, subName, subValue, innerObj, i;
            for (name in obj) {
                value = obj[name];
                if (value instanceof Array) {
                    for (i = 0; i < value.length; ++i) {
                        subValue = value[i];
                        fullSubName = name + '[' + i + ']';
                        innerObj = {};
                        innerObj[fullSubName] = subValue;
                        query += param(innerObj) + '&';
                    }
                }
                else if (value instanceof Object) {
                    for (subName in value) {
                        subValue = value[subName];
                        fullSubName = name + '[' + subName + ']';
                        innerObj = {};
                        innerObj[fullSubName] = subValue;
                        query += param(innerObj) + '&';
                    }
                }
                else if (value !== undefined && value !== null) {
                    query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
                }
            }
            return query.length ? query.substr(0, query.length - 1) : query;
        };
        return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
    }];

这应该放在你的 WebApiConfig.cs 文件中

//Web API CORS
        var cors = new EnableCorsAttribute("*", "*", "*");
        config.EnableCors(cors);

【讨论】：