使用 AngularJS 直接将数据发布到 JSON 中答案

【问题标题】：Post Data with AngularJS into JSON directly使用 AngularJS 直接将数据发布到 JSON 中
【发布时间】：2017-03-15 01:19:21
【问题描述】：

我还是 AngularJS 的新手，到目前为止我已经成功地从我的控制器中的 JSON 获取数据

var testAppApp = angular.module('testAppApp', []);
testAppApp.controller('SimpleController', function ($scope, $http) {
        $http.get('data/data.json')
        .then(function(takeprocess) {
            $scope.customers = takeprocess.data.records;
        });
});

这是我的 JSON 格式

{ 
"records": [
{
  "Name": "Alfreds Futterkiste",
  "City": "Berlin",
  "Country": "Germany"
},
{
  "Name": "Ana Trujillo Emparedados y helados",
  "City": "México D.F.",
  "Country": "Mexico"
},
............
}

我的 index.html

<div ng-controller="SimpleController">
Search <input type="text" ng-model="filter.name" /> 
<ul>
<li ng-repeat="cust in customers | filter:filter.name | orderBy:'No'">
{{$index +1}} - {{cust.Name}} - {{cust.City}} - {{cust.Country}}</li>
</ul> 
Adding New Customer <br/>
Name: <br/>
<input type="text" ng-model="Name" /><br/>
City: <br/>
<input type="text" ng-model="City" /><br/>
Country: <br/>
<input type="text" ng-model="Country" /><br/> 
<button ng-click="addCustomer(Name, City, Country)">Add Customer</button>
</div>

Here my output

我想创建函数 addCustomer 来发布数据，并且（也许）将数据存储到 JSON 中，但我不知道如何创建函数......在很多方面，有些人说 angularJS 是前端框架，它可以'不要将数据直接存储到 JSON。请建议我提出一个观点，就我而言，我想将新数据放入列表并永久保存

【问题讨论】：

直接存储 JSON 是什么意思？使用 Angular，您可以将创建的 JSON 发送到后端，但后端不是 Angular 的一部分 - 它可以用多种语言创建。 AngularJS 只是前端
从技术上讲，如果您的网络服务器支持WebDAV，您可以这样做，但这会带来一个巨大的安全漏洞，而且大多数托管公司不会打开这些漏洞。
How can I save a file on an http server using just http requests and javascript?的可能重复
感谢大家的帮助，我的问题在技术上没有必要，但我很困惑我该怎么办，看来我应该将我的 angularJS 与其他后端语言结合起来。

标签： javascript angularjs json

【解决方案1】：

当您说“将数据存储为 JSON”时，您的意思是直接将其放入 data.json 文件中吗？

如果是，则 Javascript 是一种前端语言，无法访问托管它的文件系统。解决方案是运行像 Go、Node.JS 或 PHP 这样的后端语言来接受发布请求并将该数据写入您的 data.json。

【讨论】：

感谢您的回答，这对我来说很重要。我应该采用混合方式，比如将 angularJS 与 PHP 或任何结合起来。
这正是所有 Web 应用程序在托管它的机器上编辑数据或托管它的服务器上的数据库时所做的事情。