Tabledit Ajax fail => parsererror:SyntaxError:意外的令牌<在JSON中

时间:2018-03-14 12:58:10

标签: javascript jquery html

我想使用tableedit JQuery插件。这是一个代码示例。表的编辑工作正常。但删除不起作用。我收到错误: Tabledit Ajax fail => parsererror:SyntaxError:意外的令牌<在JSON中

我不明白为什么。我在这里读了一些帖子,但我还有问题。

这是我的代码:

<?php
$connect = mysqli_connect("localhost", "root", "root", "testing");
$query = "SELECT * FROM tbl_user ORDER BY id DESC";
$result = mysqli_query($connect, $query);
?>
<html>  
    <head>  
        <title>Live Table Data Edit Delete using Tabledit Plugin in PHP</title>  
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>            
        <script src="jquery.tabledit.min.js"></script>
    </head>  
    <body>  
        <div class="container">  
        <br />  
        <br />  
        <br />  
        <div class="table-responsive">  
            <h3 align="center">Live Table Data Edit Delete using Tabledit Plugin in PHP</h3><br />  
            <table id="editable_table" class="table table-bordered table-striped">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                </tr>
                </thead>
                <tbody>
     <?php
     while($row = mysqli_fetch_array($result))
     {
      echo '
                <tr>
                    <td>'.$row["id"].'</td>
                    <td>'.$row["firstname"].'</td>
                    <td>'.$row["lastname"].'</td>
                </tr>
      ';
     }
     ?>
                </tbody>
            </table>
        </div>  
        </div>  
    </body>  
</html>  
<script>  
$(document).ready(function(){  
     $('#editable_table').Tabledit({
      url:'action.php',
      columns:{
       identifier:[0, "id"],
       editable:[[1, 'firstname'], [2, 'lastname']]
      },
      restoreButton:false,
      onSuccess:function(data, textStatus, jqXHR)
      {
       if(data.action == 'delete')
       {
        $('#'+data.id).remove();
       }
      }
     });
});
 </script>
<?php  
//action.php
$connect = mysqli_connect('localhost', 'root', 'root', 'testing');

$input = filter_input_array(INPUT_POST);

$firstname = mysqli_real_escape_string($connect, $input["firstname"]);
$lastname = mysqli_real_escape_string($connect, $input["lastname"]);

if($input["action"] === 'edit'){
    $query = "
    UPDATE tbl_user 
    SET firstname = '".$firstname."', 
         lastname = '".$lastname."' 
    WHERE id = '".$input["id"]."'
    ";

    mysqli_query($connect, $query);    
}

if($input["action"] === 'delete'){
    $query = "
    DELETE FROM tbl_user 
    WHERE id = '".$input["id"]."'
    ";
    mysqli_query($connect, $query);   
}
header('Content-type: application/json');
print_r(json_encode($input));
?>

0 个答案:

没有答案