使用$ http服务将数据发布到本地json文件时，找不到元素错误

Question

学习角度，在我的应用程序中，我有一个本地json文件，可以使用$ http.get从文件中读取数据，但现在我也想将数据发布到其中。

例如我的json文件如下所示：

{
  "name": "old name"
}

在我的控制器中，我试图编辑该名称：

  var data = $.param(
      {"name": "new data"}
  );

  $http.post('testData.json', data)
      .success(function (data,status) {
        console.log("Post success");
      })
      .error(function () {
        console.log("Post failed");
      });

尝试http.post时，在浏览器控制台中显示错误“找不到元素”。 我确定它指向正确的文件，并且json文件实际上在那里。

有什么建议吗？

Answer 1

别忘了给JSON加上严格的字符！：

angular.module('myApp', [])
.controller('myCtrl', function ($scope, $http) {
    $scope.hello = {name: "Boaz"};
    $scope.newName = "";
    $scope.sendPost = function() {
        var data = $.param({
            json: JSON.stringify({
                name: "new data"
            })
        });
        $http.post("/echo/json/", data).success(function(data, status) {
            $scope.hello = data;
        })
    }                   
})

您无法发布到本地json文件-那样就无法工作。 这就是您在代码中所做的； 见下文。

 $http.post('testData.json', data)
      .success(function (data,status) {
        console.log("Post success");
      })

如前所述，您已发布到本地JSON文件-如上所述，这根本行不通。

您需要发布到本地端点。 请参阅@jdersen在OP上的评论，以使用https://postb.in/来发布您的数据，设置或本地终结点并尝试将其发布。

Working Fiddle