私はAngularを初めて使用しています。私は$ httpサービスについて学び、現在はPOST経由でJSONデータを送信しようとしています。残念ながら、私はエラーが発生しています。私はこの問題に関して他の人々の投稿を読んでみましたが、問題の内容を理解できないようです。AngularJSの問題(POST 405メソッドが許可されていません)
私はこのエラーをなぜ受けているのか理解してくれ、それを修正する方法を提案できますか?
HTML
<!DOCTYPE html>
<html ng-app = "app">
<head>
<title></title>
</head>
<body ng-controller = "ctrl">
<form>
<input type="text" ng-model = "newDJ_name">
<button ng-click = "addDJ(newDJ_name)">Add new DJ name</button>
<button ng-click = "show()">Show DJs</button>
</form>
<div ng-repeat = "dj in djs">
{{dj.name}}
</div>
</body>
<script src = "angular.min.js"></script>
<script src = "httpService.js"></script>
</html>
Javascriptを
var app = angular.module ("app",[]);
app.controller ("ctrl",function ($scope,$http) {
$scope.show = function() {
$http.get('djs.json').success(function(data){
$scope.djs = data;
})
};
$scope.addDJ = function (newName) {
$http.post('http://localhost:8080/Documents/Angular/djs.json',{name : newName})
.success(function(data) {
$scope.djs = data;
})
.error (function(data) {
console.log(":(");
})
}
});
JSONファイル
[{
"name": "Adam Beyer",
"city": "Sweden",
"genre": "techno",
"label": "Drumcode"
}, {
"name": "Richie Hawtin",
"city": "Detroit",
"genre": "techno",
"label": "Minus"
}, {
"name": "Solomun",
"city": "Undefined",
"genre": "techno",
"label": "Dyinamic"
}]
When I try to add a new dj name
あなたのAPIはメソッドとしてPOSTを除く外はありませんが、それは、バックエンドのAPIの問題です。 PostmanのAPIテストツールで試してみましたか? – jaym
サービスの代わりに '.json'ファイルをあなたに投稿しようとしているようですね? –