Question

我的角度代码中有一个函数可以对服务器进行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));
})

Answer 1

我发现这篇文章为我解决了这个问题，我在visual studio中使用了两个不同的项目，一个用于后端WebAPI，另一个用于客户端。为了使用angular，您需要启用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);

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

1 个答案: