2017-01-12 40 views
0

你好,这里是我的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> 

我想要做的,当我点击是按钮“POST”name.name发布到服务器。我在postfunction()中尝试了$ http.post,但是我得到错误“(501 Unsupported method('OPTIONS'))”和“对预检请求的响应没有通过访问控制检查:No'Access-Control-Allow-Origin '标题出现在控制台中请求的资源。原点'上。

+0

成功在Angular> = 1.5中弃用 – digit

回答