如何将JavaScript数组传递给php脚本

时间:2019-07-11 11:39:11

标签: javascript php html arrays

我有一个充满数据库条目的普通html表。 我有一个插件可以在此表中选择多个行。 现在,我想单击一个按钮并删除数据库条目,因此我需要从阵列中获取ID,但是它在我的PHP脚本中。 但是我真的不知道该怎么做。

</div>


   <table id="myTable" class="content-table">
    <thead>
      <tr>
        <th>ID</th>
        <th>Artikelnummer</th>
        <th>Name</th>
        <th>Preis</th>
      </tr>
    </thead>
    <tbody>
        <?php
          $sql = "SELECT * FROM artikel;";
          $result = mysqli_query($conn, $sql);
          $resultCheck = mysqli_num_rows($result);

          if ($resultCheck > 0) {
              while ($row = mysqli_fetch_assoc($result)) {

                ?> 
                <tr>
                <td> <?php echo $row["id"]?></td> <?php 
                ?> <td> <?php echo $row["artikelnummer"]?></td> <?php 
                ?> <td> <?php echo $row["name"]?></td> <?php 
                ?> <td> <?php echo $row["preis"]?> €</td> </tr><?php 
              }
          }

         ?>

    </tbody>
  </table> 
  </div>
var $rows = [];
    $(function() {
        console.log( "ready!" );
        // start plugin
        $('#myTable').TableSelection({
                sort : true, // sort or not (true | false)
                status : 'multiple', // single or multiple selection (default is 'single')
            }, function(obj){ // callback function return selected rows array
                $rows = obj.rows;
        });

    });
<?php
    include_once 'dbh.inc.php';

    $artid = ???;

    $sql = "DELETE FROM artikel WHERE id= $artid;";

    mysqli_query($conn, $sql);

    header("Location: ../index.php?daten=success");

1 个答案:

答案 0 :(得分:0)

您可以使用html属性来实现。我使用html,css和javascript为您提供示例。

这是您的html。

<table id="tableSelected" class="content-table">
    <thead>
      <tr>
        <th>ID</th>
        <th>Artikelnummer</th>
        <th>Name</th>
        <th>Preis</th>
      </tr>
    </thead>
    <tbody>
      <tr data-id="1">
        <td>1</td>
        <td>1-1</td>
        <td>Test</td>
        <td>1</td>
      </tr>
      <tr data-id="2">
        <td>2</td>
        <td>2-1</td>
        <td>Foo</td>
        <td>1</td>
      </tr>
  </tbody>
</table>

如您所见,每个“ tr”标签都具有“ data-id”属性。


var $rows = [];
    $(function() {
      $('#tableSelected').TableSelection({
        sort : true,
        status : 'multiple',
      }, function(obj) {
        $.each(obj.rows, function(i, row){
          var id = $('#tableSelected').RowValue(row).attr('data-id') // You can get id with this code
        });
      });
    });

注意:https://codepen.io/yusufilkeroguz/pen/vqPgzZ可以从此处查看实时预览:)