使用PHP从angularJS应用程序发送特定的数据到json文件

Sending specific data to json file from angularJS app using PHP

本文关键字：数据 文件 json PHP angularJS 应用程序 使用      更新时间：2023-09-26

我有一个Library angularJS应用程序和一个JSON Data文件，其中包含图书信息的数组，如下所示

[
{
    "name" : "test1",
    "pages": 0,
    "author": "author1",
    "year": 1940,
    "section": "history",
    "current": 0,
    "description": "bla bla bla",
    "bookUrl": "data/book.pdf"
},
{
    "name" : "test1",
    "pages": 0,
    "author": "author1",
    "year": 1940,
    "section": "history",
    "current": 0,
    "description": "bla bla bla",
    "bookUrl": "data/book.pdf"
}
]

"current"表示我正在阅读的书的当前页
在阅读视图中有"下一步"answers"上一页"按钮当我按下"next"时，它将"+1"添加到"当前"num页问题是(如何将这个+1发送到PHP的JSON文件中的"当前"?)我有这样的PHP代码:

<?php
$jsonString = file_get_contents('library.json');
$data = json_decode($jsonString, true);
$data[0]['current'] = 3;
$newJsonString = json_encode($data);
file_put_contents('library.json', $newJsonString);
?>

看($data[0])是第一本书的索引，我如何将当前书的索引发送给PHP，以便它更新当前书的"当前"数据?下面是"next"函数:

scope.goNext = function() {
      if (scope.pageToDisplay >= pdfDoc.numPages) {
        return;
      }
      scope.pageNum = parseInt(scope.pageNum) + 1;
        $http.get("data/insert.php")
            .success(function(data, status, headers, config) {
        console.log("data inserted successfully");
        });
    };

这里是读取控制器:

 app.controller('read', ['$scope','books', '$routeParams',function($scope,books, $routeParams) {
  books.success(function(data){
    $scope.book = data[$routeParams.bookId]
    $scope.pdfUrl = data[$routeParams.bookId].bookUrl;
    $scope.pdfName = data[$routeParams.bookId].name;
  });
//the pdf viewer options 
    //$scope.pdfUrl = 'data/tohfa12.pdf';
    $scope.scroll = 0;
    $scope.loading = 'Loading file please wait';
    $scope.getNavStyle = function(scroll) {
        if(scroll > 100) {
            return 'pdf-controls fixed';
        } else {
            return 'pdf-controls';
        }
    };
    $scope.onError = function(error) {
        console.log(error);
    };
    $scope.onLoad = function() {
        $scope.loading = '';
    };
    $scope.onProgress = function(progress) {
        console.log(progress);
    };
  $scope.currentBookIndex = parseInt($routeParams.bookId);
}]);

我知道这很复杂，但我真的需要，谢谢。

您希望您的应用程序如何表现?

您需要发送bookId和pageNum与您的请求!

scope.goNext = function() {
  if (scope.pageToDisplay >= pdfDoc.numPages) {
    return;
  }
  scope.pageNum = parseInt(scope.pageNum) + 1;
    $http.get("data/insert.php", {
            param : { 
                bookId: $scope.bookId,
                pageNum: $scope.pageNum
            }
        })
        .success(function(data, status, headers, config) {
            console.log("data inserted successfully");
        });
};

顺便说一句。按照REST的设计，GET http请求不应该改变资源。GET代表阅读。如果你想更新一个资源，你应该使用POST, PUT或DELETE

相关文章：