Javascript 使用ng资源更新json文件
我是AngularJS新手，我想更新我的data.json，但我有这些错误： 后XHR[HTTP/1.1 404 可插入6ms] 删除XHR[HTTP/1.1 403 阻断2ms] 及 错误：JSON.parse:JSON后出现意外的非空白字符 JSON数据第5行第2列的数据 我的代码是： index.html:Javascript 使用ng资源更新json文件,javascript,json,angularjs,factory,ngresource,Javascript,Json,Angularjs,Factory,Ngresource,我是AngularJS新手，我想更新我的data.json，但我有这些错误： 后XHR[HTTP/1.1 404 可插入6ms] 删除XHR[HTTP/1.1 403 阻断2ms] 及 错误：JSON.parse:JSON后出现意外的非空白字符 JSON数据第5行第2列的数据 我的代码是： index.html: <!DOCTYPE html> <html> <script src= "http://ajax.googleapis.com/ajax/libs/ang
<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular-resource.min.js"></script>
<script>
var app = angular.module('myApp', ['ngResource']);
app.factory('User', ['$resource',
function($resource){
return $resource('data/users.json/:userId', {userId:'@id'},
{
'update': {method: 'PUT'}
}
);
}
]);
app.controller('UsersCtrl', function ($scope, User) {
$scope.users = User.query();
$scope.validate=function(user) {
user.$update();
}
$scope.delete=function(user) {
user.$delete();
}
$scope.create = function (newUserName) {
var user = new User();
user.name = newUserName;
user.$save();
$scope.users.push(user);
}
});
</script>
<body ng-app="myApp" ng-controller="UsersCtrl">
<ul>
<li ng-repeat="user in users">
<input type="text" ng-model="user.name" />
<button ng-click="validate(user)">Valider</button>
<button ng-click="delete(user)">Supprimer</button>
</li>
</ul>
Nouveau utilisateur :
<input type="text" ng-model="newUserName" />
<button ng-click="create(newUserName)">Créer</button>
<li ng-repeat="use in user">
{{ use.name}}
</li>
</body>
</html>
[
{"userId": 123,"name": "Utilisateur 1"},
{"userId": 456,"name": "Utilisateur 2"},
{"userId": 789,"name": "Utilisateur 3"}
]
任何人都有解决方案吗？您如何从后端生成
users.json