AnjularJS $http.get() 无法写入本地json

菜鸟学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>
阅读 3.4k
1 个回答

angular 本身的post不能操作本地文件,你需要通过后台服务来进行文件的写入。建议你看nodejs的文件写入,很简单。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题