成功后不触发 table.ajax.reload()：function()

Question

简介

我正在使用 json、ajax 和 php 进行 datatables.net jquery 服务器端处理。我可以单击行按钮并从数据库中删除行。但是，页面永远不会使用 ajax.reload() 刷新页面；

项目链接 https://databasetable-net.000webhostapp.com/

问题

这段代码：

console.log("success function data reached");

似乎永远无法到达。是什么原因造成的？

我没有错误，表正确地从数据库中删除，这就是我卡住的原因。 datatables.net 上的一切似乎都很好，我很可能有 php 问题？

Index.php

<script type="text/javascript"> 
        $(document).on('click','.delete_btn',function (){
    var id = $(this).attr("id").match(/\d+/)[0];
  var del_id = $('#example').DataTable().row( id ).data();
  var del_id = del_id[0];
  console.log(del_id[0]); 
        $.ajax({
            type:'POST',
            url:'delete.php',
            dataType: 'json', //This says I'm expecting a response that is json encoded.
            cache: false,
            data: { 'del_id' : del_id}, 
            success: function(data){ 
                console.log("success function data reached");
              if(data=='result_ok'){  //You are checking for true/false 
                //document.location.reload(true);
               alert(data);
                table.ajax.reload();

              }else{
                console.log('The row was not deleted.');
                }
                }
        });
        });
</script>

删除.php

<?php
$del_id = $_POST['del_id']; 
$stmt = $conn->prepare("DELETE FROM employees WHERE id = ?"); 
$stmt->bind_param('i', $del_id);
$confirmDelete = $stmt->execute();
//header("location: index.php");

if($confirmDelete){ //Check to see if there was an affected row.
 echo "result_ok";
}

echo json_encode($confirmDelete);
?>

Answer 1

<script type="text/javascript"> 
    $(document).on('click','.delete_btn',function (){
        var id = $(this).attr("id").match(/\d+/)[0];
        var del_id = $('#example').DataTable().row( id ).data();
        var del_id = del_id[0];
        //console.log(del_id[0]); 
        $.ajax({
            type:'POST',
            url:'delete.php',
            data: {del_id:del_id}, 
            success: function(data){ 
                if (data=='DEL_OK') {
                  location.reload();
                } else {
                     alert('something wrong')
                  }
             })
        });
</script>

而且php代码必须是：

<?php
   $del_id = $_POST['del_id']; 
   $stmt = $conn->prepare("DELETE FROM employees WHERE id = ?"); 
   $stmt->bind_param('i', $del_id);
   $confirmDelete = $stmt->execute();

   if($confirmDelete) {
      echo "DEL_OK";
   }
?>

Answer 2

根据我对您的问题的理解，您实际上并没有正确收到来自php 的ajax 的回复。 ajax 响应中的data 实际上是一个字符数组。

$.ajax({
        type:'POST',
        url:'delete.php',
        data: {del_id:del_id}, 
        success: function(data){ 
            if (data[0]=='D') {//changing here
              location.reload();
            } else {
                 alert('something wrong')
              }
         })
    });

在php中

<?php
  $del_id = $_POST['del_id']; 
  $stmt = $conn->prepare("DELETE FROM employees WHERE id = ?"); 
  $stmt->bind_param('i', $del_id);
  $confirmDelete = $stmt->execute();

  if($confirmDelete) {
     echo "D";// echoing only D
  }
?>