2015-11-17 88 views
1

我要更新AngularJS如何更新AngularJS

現有的JSON文件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文件中

+1

是服務器的JSON文件? –

+0

@CharlieH是的.. – Gaurav

+0

@Gaurav快速問題 你想發送更新/修改的json到服務器? –

回答

1

想象一下,您有getjson.phpsavejson.php在服務器中的工作完全按照他們的名字建議。

現在使用$http服務Angular從服務器上檢索你的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的工作方式。

+0

我想讀取和更新相同的json文件。 – Gaurav

+1

只要'getjson.php'和'savejson.php'處理同一個文件,它就是相同的json文件。 –