angularjs http发布到特定元素的json数组

Question

我正在尝试找到一种使用新元素更新服务器上文件的最佳方法。我尝试查看 http post/put 但我收到一个错误并且不确定如何解决这个问题。 我的 http get 方法运行良好，所以不是环境问题。

这里基于cmets是添加信息，我也更正了json文件格式。

开发环境： Visual Studio 2013、.net 4.5、iis

json 数据文件位于 Visual Studio 解决方案下的文件夹之一。 但是我只使用角度特性来开发这个单页应用程序，所以到目前为止我的代码中没有 asp.net 特性。 我必须添加才能访问解决方案中的 json 文件。

我有一个简单的车主应用程序，它使用 http get 从文件源的以下数组加载：

    owners: [{
            "name": "name1",
            "age": 29,
            "cars": [
                {
                    "carmodel": "tyota",
                    "make":  2000
                },
                {
                    "carmodel": "ford",
                    "make":  2001
                }
            ]
            },
            {
            "name": "person1",
            "age": 50,
            "cars": [
                {
                    "carmodel": "ford",
                    "make":  2011
                }
            ]
            }
        ]

从 UI 我得到一个新的汽车对象说“person1”

car: {
        "carmodel": "BMW",
        "make":  2015
     }

我想使用 httppost 或任何其他最佳实践方法将其添加到文件中。

我有一个保存函数，它会引发发布错误：405（不允许的方法）

$scope.save = function(owner, car, $http)
{
   $scope.owners[1].cars.push(car); 
   // above is hard coded, how can filter owners with owner object?
   $http.post('url',$scope.owners);
}

我想知道服务器上的最佳实践更新文件是什么。对此的任何帮助将不胜感激。

Answer 1

此问题已通过启用 CORS 得到解决。这是另一个stackoverflow问题的链接： jQuery .ajax() POST Request throws 405 (Method Not Allowed) on RESTful WCF

Answer 2

对于初学者，您的 JSON 不正确，因为您正在定义具有重复键/变量的所有者对象。我认为您希望车主像您的汽车一样阵列。

如果我们谈论的是最佳实践，我不建议在您的服务器上保存文件并使用 POST 请求对其进行更新，因为这将允许任何人向您的服务器发布信息并弄乱您的文件。我会改为使用数据库，或者只是在运行时将您的 JSON 保存在服务器上的内存中。要研究的数据库包括 MySQL 和 MongoDB。他们很容易获得并且有很多社区支持。

为了更好地理解您的问题，我们需要知道您使用什么工具/技术来提供此端点。 （Node/.NET/等）了解操作系统也有帮助，但不一定重要。

Answer 3

理想情况下，所有者应该是一个对象数组，例如：

owners: [{
      "name": "name1",
      "age": 29,
      "cars": [
        {
            "carmodel": "tyota",
            "make":  2000
        },{
            "carmodel": "ford",
            "make":  2001
        }]
    }, {
      "name": "person1",
      "age": 50,
      "cars": [
        {
            "carmodel": "ford",
            "make":  2011
        }]
}];

然后假设您需要更新姓名为：person1 的人的详细信息，将新车添加到列表中，请执行以下操作：

car = {"carmodel": "anymodel", "make": 2012}; $scope.owners[1].cars.push(car); $http.post(url, $scope.owners);

此外，必须遵循 RESTful APIS 最佳实践并使用 PATCH 更新任何值 每个所有者可以有不同的端点，例如/owner/:id

那么简单$http({method:'PATCH', url:'/owner/1', data:data})