Question

我想更新AngularJS中现有的json文件

JSON文件：

 {  
    "text1": "Click here to edit!",
    "text2": "Click here to edit!",
    "text3": "Click here to edit!",
    "text4": "Click here to edit!"  
}

我想将此JSON文件更新为：

text1: "Abc"

并将此更改保存在JSON文件中

Answer 1

如果不使用PHP或python等服务器端语言，则无法更新json文件。基本上它是安全合规性。为了更多的理解，请通过 https://docs.angularjs.org/guide/security https://docs.angularjs.org/api/ng/directive/ngCsp 和 https://developer.mozilla.org/en-US/docs/Web/Security/CSP

Answer 2

想象一下，服务器中的getjson.php和savejson.php与其名称完全一致。

现在使用Angular的$http服务从服务器检索你的json。

$http.get("getjson.php").then(function(response){

     $scope.myJsonObject = response.data;

     //Your json becomes JS object here. Change it the way you want
     $scope.myJsonObject.text1 = "Abc"; 

});

再次使用$http服务将您的json发送回服务器。

$http({
           method: "post",
           url: "savejson.php",
           data: $scope.myJsonObject,
           headers: { 'Content-Type': 'application/json; charset=utf-8' }
});

这是基本的。请注意，您需要执行php部分来保存/加载json文件。您还应该处理$http服务的错误。

请查看$http服务和promises的工作方式。

如何在AngularJS中更新json文件

2 个答案: