javascript - 如何编辑 JSON 文件中的数据？

Question

我是 Angular 的新手，在理解 $http.get 和 $http.get 的语法方面确实很吃力。我想要做的是当用户在 my web app 底部的赞成票/反对票系统中留下评分时更改我的 JSON 文件中的数据。 .我当前代码的相关部分位于:

app.js

.controller('rateCtrl', function ($scope, $http) {
  $http.get('rating.json').success(function(data) {
      $scope.likes = data.likes;
      $scope.dislikes = data.dislikes;
      $scope.addLike = function () {
          $scope.likes = $scope.likes + 1;
          data.likes = data.likes + 1;
      };
      $scope.addDislike = function () {
          $scope.dislikes = $scope.dislikes + 1;
          data.likes = data.likes + 1;
      };
  });
});

index.html

<div class="content" id="sub-section">
  <div class="text-area">
      <div class="text" style="color:#3A3A3A">
          Text ...
      </div>
  </div>
  <div class="small"></div>
  <div>
      <table style="text-align:center; font-size:1em" class="table-responsive table" ng-controller="rateCtrl">
          <tr>
              <td>Jeg likte den!</td>
              <td>Jeg likte den ikke!</td>
          </tr>
          <tr>
              <td><p class="likes" ng-click="addLike()">+{{likes}}</p></td>
              <td><p class="dislikes" ng-click="addDislike()">-{{dislikes}}</p></td>
          </tr>
      </table>
  </div>

rating.json

{
"likes": 12,
"dislikes": 0
}

如果有人能给我一个代码示例，说明我如何在用户喜欢时更改 JSON 文件中的喜欢数量，反之亦然。

Answer 1

您不能从客户端执行此操作，而只能从服务器执行。您需要做的是从 json 文件中读取数据。此数据将存储在 data 下。从那时起，您可以将它JSON.parse 成一个对象。从那时起，将其视为常规对象，并对其进行更改。然后您必须 JSON.parse 它并更新您的文件。抱歉把所有内容都放在一个段落中。我在手机上。