php - 我无法使用 php 和 angularjs 使用更新功能将记录更新到数据库中

Question

这是我的表格代码:

<tbody>
      <tr ng-repeat="tabdata in tabledata">
                <td>
                    <div ng-hide="editdata[tabdata.id]">{{tabdata.name}}</div>
                    <div ng-show="editdata[tabdata.id]"><input type="text" ng-model="tabdata.name"></div>
                </td>
                <td>
                    <div ng-hide="editdata[tabdata.id]">{{tabdata.city}}</div>
                    <div ng-show="editdata[tabdata.id]"><input type="text" ng-model="tabdata.city"></div>
                </td>
                <td>
                    <button ng-hide="editdata[tabdata.id]" ng-click="edit(tabdata)">EDIT</button>
                    <button ng-show="editdata[tabdata.id]" ng-click="update(tabdata)">UPDATE</button>
                </td>
            </tr>
            </tbody>

这是我的代码:

var app=angular.module('myApp',[]);
app.controller('myCtrl',['$scope','$http',function($scope,$http){

这里我从数据库表中获取数据:

    $http.get('fetch.php').success(function(data) {
        $scope.tabledata = data;
    });


    $scope.editdata={};

此功能用于编辑按钮:

    $scope.edit=function(tabdata){
        $scope.editdata[tabdata.id]=true;
    };

这是更新按钮:

    $scope.update=function(tabdata) {

        $scope.editdata[tabdata.id] = false;

这里我必须调用 ajax 方法来将值更新到数据库中。或者我们也可以使用服务功能？

我在我的 fetch.php 文件中使用 $input 使用 orm 文件连接数据库..

        $http({
            method:"post",
            url:'fatch.php',
            data:{

            }
        })
    };
}]);

问题是，当我点击编辑按钮时，它会被修改，但在那之后，当我编辑一些行数据时，它只更新静态页面中的数据。而且我也必须更新我的数据库表。那怎么办呢？

我必须使用 SERVICE 函数和 AJAX 调用方法更新我的数据库表。知道怎么做吗？

Answer 1

这是针对您的情况的解决方案:

$scope.update=function(tabdata) {

    $scope.editdata[tabdata.id] = false;
    $http({
        method:"post",
        url:'fetch.php',
        data:{
               // your data to send
        }
    }).then(function(success){
        // refresh live your tabledata angularjs will do the job for you
        $http.get('fetch.php').success(function(data) {
            $scope.tabledata = data;
        });
    })
}

在您的情况下您不需要 Ajax 调用。