如何编辑 JSON 文件中的数据

How do I edit data in JSON file?

本文关键字:文件 数据 JSON 何编辑 编辑      更新时间:2023-09-26

我对 angular 很陌生,并且真的很难理解 $http.get 和 $http.get 的语法。我想做的是当用户在我的 Web 应用程序底部的赞成/反对系统中留下评级时,更改我的 JSON 文件中的数据。我当前代码的相关部分如下:

应用.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;
      };
  });
});

索引.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>

评分.json

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

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

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

你基本上是在尝试做一个帖子。如果你有一个服务器端逻辑,那么angular 的正确方法是 $http.post((:

角度文档中的片段:

$http.post('/someUrl', data, config).then(successCallback, errorCallback);