如何使用AngularJS更新/编辑数据库中的数据

用户5913661

在网络应用程序上,我只添加了以下更新代码,但它不起作用。以下所有代码的摘要是:

  • 单击一个名为 update
  • 它带出表格,其中应包含点击/当前乘积的值。
  • 现在,当我按这种形式单击“保存”时,它应该更新数据库,但不是。
  • $_GET在PHP文件(update.php)中使用以获取当前产品ID。然后通过that获得该产品的所有数据ID

PS:控制台中没有错误。

更新代码:

<?php 
    include "includes/connection.php";
    switch($_GET['action']) {
        case 'update_entry' :
            $data = json_decode(file_get_contents("php://input"));
            $index = $data->id; 
            $productname = $data->pname;
            $company = $data->company;
            $price = $data->price;
            $quantity = $data->quantity;
            if(isset($productname) && !empty($productname) && isset($company) && !empty($company) && isset($price) && !empty($price) && isset($quantity) && !empty($quantity)){
                $query = "UPDATE `product` SET `id`='$index',`name`='$productname',`company`='$company',`price`='$price',`quantity`='$quantity' WHERE id= $index";

                if(mysqli_query($con, $query)) {
                  return true;
                } else {
                  echo "Error: " . $sql . "<br />" . mysqli_error($con);
                }
                break;
            }   
    }
?>

控制器

myApp.controller("updateCtrl",['$scope','$http','$routeParams','$location',function($scope,$http,$routeParams,$location){
    $scope.update = function(){
         var currentId = $routeParams.id;
         $http.post("update.php?action=update_entry",{'id':currentId})
             .then(function(data){
                $location.path('/viewproduct');
         });
    }
}]);

HTML:

<form style="padding:10px" ng-controller="updateCtrl">
    <div class="form-group">
        <label for="ProductName">Product Name</label>
        <input type="text" class="form-control" placeholder="{{product.name}}" ng-model="productname" required>
    </div>
    <div class="form-group">
        <label for="company">Company </label>
        <input type="text" class="form-control" placeholder="{{product.company}}" ng-model="company" required>
    </div>
    <div class="form-group">
        <label for="company">Price </label>
        <input type="text" class="form-control" placeholder="{{product.price}}" ng-model="price" required>
    </div>
    <div class="form-group">
        <label for="company">Quantity </label>
        <input type="text" class="form-control" placeholder="{{product.quantity}}" ng-model="quantity" required>
    </div>
    <button type="submit" class="btn btn-default" ng-click="update()">Save updated data</button>
    <a href="#/viewproduct" class="btn btn-danger">Cancel</a>
    <h1 ng-if="successMessage == 0">Great Data is Updated!</h1>
</form>

更新按钮:

<td ng-controller="updateCtrl"><a class="btn btn-primary" href="#/updateproduct/action={{product.id}}" >Update</a></td>     
沙爹

像下面这样

您的观点部分

<form style="padding:10px" ng-controller="updateCtrl">
    <div class="form-group">
        <label for="ProductName">Product Name</label>
        <input type="text" class="form-control" placeholder="{{product.name}}" ng-model="productname" required>
    </div>
    <div class="form-group">
        <label for="company">Company </label>
        <input type="text" class="form-control" placeholder="{{product.company}}" ng-model="company" required>
    </div>
    <div class="form-group">
        <label for="company">Price </label>
        <input type="text" class="form-control" placeholder="{{product.price}}" ng-model="price" required>
    </div>
    <div class="form-group">
        <label for="company">Quantity </label>
        <input type="text" class="form-control" placeholder="{{product.quantity}}" ng-model="quantity" required>
    </div>
    <button type="submit" class="btn btn-default" ng-click="update()">Save updated data</button>
    <a href="#/viewproduct" class="btn btn-danger">Cancel</a>
    <h1 ng-if="successMessage == 0">Great Data is Updated!</h1>
</form>
<td><a class="btn btn-primary" ng-click="addProductData();" >Update</a></td> 

在控制器内部,如下所示

$scope.addProductData=function(){
   var updatedata=$.param({'action':'update','productname':$scope.productname,'company':$scope.company,'price':$scope.price,'quantity':$scope.quantity,'id':currentId});
    $http({
            method:'POST',
            url:'update.php',
            data:updatedata,
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        }).then(function successCallback(response){
            alert(response.data['msg']);
        },function errorCallback(response) {
            alert(response.data['msg']);
        });
}

您的update.php文件应如下所示。

<?php
include "includes/connection.php";
$result=array();
if(isset($_REQUEST["action"]) && $_REQUEST["action"] !=""){
   if($_REQUEST["action"]=="update"){
       $productname = $_POST['productname'];
       $company = $_POST['company'];
      $price = $_POST['price'];
       $quantity = $_POST['quantity'];
     $id=$_POST['id'];

     $query = "UPDATE `product` SET `name`='$productname',`company`='$company',`price`='$price',`quantity`='$quantity' WHERE id= $id";
   if(mysqli_query($con, $query)) {
    $result['msg']="updated successfully";
}else{
   header("HTTP/1.0 401 Unauthorized");
   $result['msg']="unable to updated";
}
echo json_encode($result);

}
}

?>

我认为您可能是基本的主意。现在您可以以自己的方式实施。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用AND条件更新SQLite数据库中的数据?

来自分类Dev

如何使用linq更新数据库中的数据

来自分类Dev

如何使用php更新数据库中的数据

来自分类Dev

PHP - 更新/编辑数据库表中的数据/记录

来自分类Dev

如何使用生产数据库中的更改定期更新我的本地数据库

来自分类Dev

如何使用LINQ更新数据库中的记录?

来自分类Dev

如何使用NHibernate更新数据库中的版本列

来自分类Dev

如何使用LINQ更新数据库中的记录?

来自分类Dev

如何使用foreach循环更新数据库中的行?

来自分类Dev

如何使用Laravel中的数据库表中的数据编辑表单

来自分类Dev

如何使用Laravel中的数据库表中的数据编辑表单

来自分类Dev

如何使用AngularJS查询数据库?

来自分类Dev

X可编辑,不会更新数据库中的值

来自分类Dev

如何使用DataRow更新数据库?

来自分类Dev

编辑时如何使用laravel提取存储在数据库中的序列化数据?

来自分类Dev

Pharo Seaside-在html中编辑标签后如何更新数据库条目

来自分类Dev

如何将已编辑的JTable单元格的记录更新到数据库中

来自分类Dev

在Drupal 7中使用“定制表单”模块编辑然后更新数据库

来自分类Dev

使用 Firebase 不会在 Unity 编辑器中更新数据库

来自分类Dev

编辑不更新数据库

来自分类Dev

可编辑网格ExtJS,如何在网格上编辑行后更新数据库中的行

来自分类Dev

使用PHP编辑数据库中的条目

来自分类Dev

如何更新mySQL数据库中的数据?

来自分类Dev

如何使用django将数据更新到sql数据库中的表中

来自分类Dev

如何使用Hibernate更新应用程序Java中数据库中的数据?

来自分类Dev

如何使用MySQL数据库正确更新JTable数据?

来自分类Dev

如何使用mySQL使用当前数据库表中的信息更新其他数据库表?

来自分类Dev

Ajax使用codeigniter更新数据库中的数据

来自分类Dev

使用隐藏字段更新数据库中的数据

Related 相关文章

  1. 1

    如何使用AND条件更新SQLite数据库中的数据?

  2. 2

    如何使用linq更新数据库中的数据

  3. 3

    如何使用php更新数据库中的数据

  4. 4

    PHP - 更新/编辑数据库表中的数据/记录

  5. 5

    如何使用生产数据库中的更改定期更新我的本地数据库

  6. 6

    如何使用LINQ更新数据库中的记录?

  7. 7

    如何使用NHibernate更新数据库中的版本列

  8. 8

    如何使用LINQ更新数据库中的记录?

  9. 9

    如何使用foreach循环更新数据库中的行?

  10. 10

    如何使用Laravel中的数据库表中的数据编辑表单

  11. 11

    如何使用Laravel中的数据库表中的数据编辑表单

  12. 12

    如何使用AngularJS查询数据库?

  13. 13

    X可编辑,不会更新数据库中的值

  14. 14

    如何使用DataRow更新数据库?

  15. 15

    编辑时如何使用laravel提取存储在数据库中的序列化数据?

  16. 16

    Pharo Seaside-在html中编辑标签后如何更新数据库条目

  17. 17

    如何将已编辑的JTable单元格的记录更新到数据库中

  18. 18

    在Drupal 7中使用“定制表单”模块编辑然后更新数据库

  19. 19

    使用 Firebase 不会在 Unity 编辑器中更新数据库

  20. 20

    编辑不更新数据库

  21. 21

    可编辑网格ExtJS,如何在网格上编辑行后更新数据库中的行

  22. 22

    使用PHP编辑数据库中的条目

  23. 23

    如何更新mySQL数据库中的数据?

  24. 24

    如何使用django将数据更新到sql数据库中的表中

  25. 25

    如何使用Hibernate更新应用程序Java中数据库中的数据?

  26. 26

    如何使用MySQL数据库正确更新JTable数据?

  27. 27

    如何使用mySQL使用当前数据库表中的信息更新其他数据库表?

  28. 28

    Ajax使用codeigniter更新数据库中的数据

  29. 29

    使用隐藏字段更新数据库中的数据

热门标签

归档