Question

你好，我的json：

[
    {
        "name": "AAAAAA",
        "date": "28-03-2016",
    },
    {
        "name": "BBBBBB",
        "date": "20-12-2016",
    },
    {
        "name": "CCCCCC",
        "date": "09-01-2016",
    },
    {
        "name": "DDDDDD",
        "date": "21-07-2016",
    }
]

我的javascript：

var app = angular.module('app', []);
    app.service('service', function($http, $q){
        var deferred = $q.defer();

        $http.get('names.json').then(function(data){
            deferred.resolve(data);
        });

        this.getNames = function() {
            return deferred.promise;
        }
    });
    app.controller('FirstCtrl', function($scope, service, $http) {
        var promise = service.getNames();
        promise.then(function (data) {
            $scope.names = data.data;
            console.log($scope.names);
        }
    );
    $scope.postfunction = function() {
        $http.post('serwerUrl',{'name':name})
        .success(function(data){console.log('data success');
    };
});

HTML：

<tbody>
    <tr ng-repeat="name in names">
        <td>{{name.name}}</td>
        <td>{{name.date}}</td>
        <td><button ng-click="postfunction(name.name)">POST</button></td>
    </tr>
</tbody>

我想要做的是当我点击按钮＆＃34; POST＆＃34; name.name发布到服务器。我在postfunction（）中尝试$ http.post，但是我收到错误＆＃34;（501不支持的方法（＆＃39; OPTIONS＆＃39;））＆＃34;和＆＃34;对预检请求的响应没有通过访问控制检查：否＆＃39;访问控制 - 允许 - 来源＆＃39;标头出现在请求的资源上。 Origin＆＃34;在控制台中。

Answer 1

server / api不支持选项头，这是CORS。在每个请求之前，angular执行一个基本上是握手的OPTIONS标头。它询问服务器是否允许它想要做的请求。

确保您阅读有关CORS的更多信息，并且服务器实现了必要的功能。

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

Angular post to server $ http.post

1 个答案: