菜鸟学anjularJS遇到的问题,本地webstorm运行,可以正确读取文件,获取json内容
点击设置按钮后,弹出success,本地json文件没有被修改,烦请各位大神解答。
json内容
{
"title":"高级程序设计",
"author":"尼古拉斯",
"pubHouse":"人民邮电出版社"
}
页面如下
<!DOCTYPE html>
<html ng-app="json">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body ng-controller="jsonctrl">
<button ng-click="getBook('book.json')">获取</button>
<button ng-click="newBook('book.json')">设置</button>
<div>
<li >{{data.title}}</li>
<li >{{data.author}}</li>
<li >{{data.pubHouse}}</li>
</div>
<script src="../lib/jquery.js"></script>
<script src="../lib/angular.js"></script>
<script>
var myapp=angular.module("json",[]);
myapp.controller("jsonctrl",["$http","$scope","$filter",function ($http,$scope,$filter) {
$scope.getBook=function (url) {
$http({
method:"GET",
url:url
}).then(function success(response) {
$scope.data=response.data;
},function fail(response) {
alert(response.status);
})
}
$scope.newBook=function (url) {
var n={
"why":"no info"
};
$http.post(url,n).then(function success() {
alert("success");
},function fail() {
alert("fail");
})
}
}])
</script>
</body>
</html>
</body>
</html>
angular 本身的post不能操作本地文件,你需要通过后台服务来进行文件的写入。建议你看nodejs的文件写入,很简单。