使用 $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