关于 Angular 通过 $http.post 写入本地 JSON 文件问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

关于 Angular 通过 $http.post 写入本地 JSON 文件问题

2016-03-05 11:46:34 2632 1

近在练习使用 Angular,在实现 $http 对本地 JSON 文档读写的时候遇到了问题。

问题
使用 GET 方法成功将 JSON 文档的内容读出来;但是在使用 POST 插入本地 JSON 文档 newBook 的时候,Chrome 的终端里出现了如下错误:

Failed to load resource: the server responded with a status of 404 (Not Found)
关键的代码贴出来:

var bookLibraryApp = angular.module('bookLibraryApp', ['ngRoute']);

bookLibraryApp.controller('BookLibraryController', function($scope, $http){
    $http.get('api/books.json').success(function(data){
        $scope.books = data;
    }).error(function(){
        alert("an unexpected error ocurred!");
    });

    $scope.addBook = function(){
        var newBook = {
                        isbn: $scope.newBook.isbn, 
                        title: $scope.newBook.title,
                        year: $scope.newBook.year
                      };

        $http.post('api/books.json', newBook).success(function(){
            $scope.msg = 'Data saved';
        }).error(function(data) {
            alert("failure message:" + JSON.stringify({data:data}));
        });
    }
});

对应的 HTML 文档为:

<div class="container">
    <h2>Create a Book here</h2>
    <div class="createBookInfo">
        <p>ISBN: <input type="text" ng-model="newBook.isbn"/></p>
        <p>Title: <input type="text" ng-model="newBook.title" /></p>
        <p>Year: <input type="number" ng-model="newBook.year" /></p>
    </div>
    <br />
    <button ng-click="addBook()">Insert this book</button>
    <p>{{msg}}</p>
</div>

希望有朋友能够帮忙找下错误在什么地方

取消 提交回答
全部回答(1)
  • 爵霸
    2019-07-17 18:53:08

    file:/// 是本地简单的文本服务器,能够实现 $http.get() 的服务,但是要实行 POST,PUT,DELETE 的服务,就需要真正的网络服务器了。如果你会多种语言的话,可选的种类有很多种,基于 PHP,Rail,Ruby,Java 等等。
    当然可以选择全 JS 的解决方案,比如我现在就在使用 MEAN

    0 0
相关问答

1

回答

前端移除之后,PHA Tab 切换挂起webview,导致异步操作失效未将播放器实例销毁,主会场头图

2022-10-25 15:56:17 566浏览量 回答数 1

1

回答

请问,通过springboot项目上传jar包部署触发器用的http触发器在postman用公网访问

2022-06-07 10:41:30 178浏览量 回答数 1

1

回答

如何通过Angular 8客户端程序+CORS问题使用Spring Boot应用程序的rest AP

2019-10-16 21:25:49 7380浏览量 回答数 1

1

回答

esc服务器 安装的 上海安畅网络“LAMP环境“ftp连接不上

2018-12-29 23:52:21 679浏览量 回答数 1

1

回答

http://www.jqtpz.xin/网站打不开了

2017-06-19 17:03:19 3213浏览量 回答数 1

1

回答

php接口直接访问正常,通过jquery的$.post调用就显示502

2016-06-03 14:03:35 2636浏览量 回答数 1

1

回答

java读取本地的html文件并且将其样式原样的显示在浏览器中

2016-03-12 10:49:46 5546浏览量 回答数 1

1

回答

关于Xcode 证书问题Ad Hoc 的问题

2016-03-11 08:13:48 1621浏览量 回答数 1

2

回答

关于BLE4.0蓝牙透传问题 CC2540模块

2016-03-09 18:34:05 2077浏览量 回答数 2

3

回答

请教关于AMH4.2管理面板安装php5.2的问题

2014-11-18 16:23:20 5688浏览量 回答数 3
+关注
文章
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载