使用 POST 请求和 jQuery 将数据发送到服务器

Question

我想做的事情：

我正在尝试使用 $.post jQuery 快捷方式将数据发送到我的服务器。

问题是什么：

我的程序没有进入我的 switch case，可能是因为我的 action 它没有正确发送。

我想做什么：

我创建了一个 table 我的元素之一是一个带有 onclick JavaScript 功能的按钮：<button onclick='Delete()'></button>.
我的JavaScript函数：

function Delete(){
    $.post("<?=SITE_URL_ADMIN?>/alexcrudgenerator/res/?action=deleteRegistro", function(data){
        if(data){
            console.log("Deleteeeed");  
        }
        else {
            console.log("Not deleted :(");
       }
    });
}

我的switch case声明：

switch($_POST['action']){
    case 'deleteRegistro': // NOT OK
        ?>
            <script>
                alert("I'm in deleteRegistro");
            </script>
        <?php 
        
        break;
}

当我点击按钮时发生了什么：

这应该可以工作，因为我将 post 请求中的操作 deleteRegistro 传递到我的服务器 (php)。

我需要一些帮助，我做错了什么？

如果你想查看，这是我的完整代码：


<?php

include_once(DIR_PLUGINS.'/alexcrudgenerator/main.php');

    $test = new GenerateCrud($_POST['tableName'], $_POST['id'], $_POST['tableFields']);

    switch($_POST['action']){
        
        case 'datosTabla': // OK.
            $res = json_decode($_POST['datos']);
            echo json_encode($res, JSON_UNESCAPED_UNICODE);
            
            break;
        
        case 'deleteRegistro': // NOT OK
            ?>
            <script>
                alert("I'm in deleteRegistro");
            </script>
            <?php 
            break;
            
        case 'showtable': // OK.
            
            $res = getEntireTable($_POST['tableName'], $_POST['id'], $_POST['tableFields']);
            $tableName = $_POST['tableName'];
            foreach ($res as $data){                
                $data->acción = "<div class='text-center'><div class='btn-group'><button id='modificar_$data->id' class='btn btn-primary btn-sm btnEditar' value='edit'><i class='material-icons'>edit</i></button><button onclick='Delete()' class='btn btn-danger btn-sm btnBorrar'><i class='material-icons' value='delete'>delete</i></button></div></div>"; 
                $resultados['data'][] = $data;
            }           
            
            $resultados = json_encode($resultados);
            
            foreach(json_decode($_POST['tableFields']) as $columnsDB){
                $fields[] = array('data'=>$columnsDB);
            }

            $fields[]['data'] = 'acción';
            $fields = json_encode($fields);
            
?>
            <head>
                <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
            </head>
            
            <div class="container caja">
                <div class="row">
                    <div class="col-lg-12 col-sm-12">
                        <div>
                            <table id="tablaUsuarios" class="table table-striped table-bordered table-condensed hover" style="width:100%" >
                                <thead class="text-center">
                                    <tr>
                                        <?php
                                            foreach (json_decode($_POST['tableFields']) as $columnsTH){
                                                 echo '<th>' . strtoupper($columnsTH) . '</th>';
                                            }
                                            echo '<th>ACCIÓN</th>';
                                        ?>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <script>

                function Delete(){
                    $.post("<?=SITE_URL_ADMIN?>/alexcrudgenerator/res/?action=deleteRegistro", function(data){
                        if(data){
                            console.log("Deleteeeed");  
                        }
                        else {
                            console.log("Not deleted :(");
                        }
                    });
                }
                
                $(document).ready(function() {
                    var datos= <?=$resultados?>;
                    var dynamicColumns = <?=$fields?>;
                    datos = JSON.stringify(datos);
                    
                    $('#tablaUsuarios').DataTable({
                        "language": {"url": "https://cdn.datatables.net/plug-ins/1.10.25/i18n/Spanish.json"},
                        "paging": true,
                        "lengthChange": true,
                        "searching": true,
                        "info": true,
                        "autoWidth": true,
                        "scrollX": true,

                        "ajax":{
                            "url": '<?=SITE_URL_ADMIN?>/alexcrudgenerator/crud/res/',
                            "method": 'POST',
                            "data":{action: "datosTabla", datos: datos}
                        },

                        "columns": dynamicColumns
                    });
                })
            </script>
<?php
        break;      
}
?>

Answer 1

您在查询字符串中传递操作，而不是请求正文，因此它将在 $_GET 而不是 $_POST 中可用。

PHP 超全局变量 $_GET 和 $_POST 不（直接）引用请求类型。它们指的是 HTML 表单将根据 method 属性从输入中放置数据的位置。

任何类型的 HTTP 请求都可以在 URL 中包含一个查询字符串，这将被放入 $_GET 超全局中。

并非所有 HTTP 请求都可以有请求主体，但很多请求（包括 POST 和 PUT）可以。如果 PHP 以 PHP 理解的格式编码并且 Content-Type 正确，PHP 将使用请求正文中的数据填充 $_POST。（PHP 也可能会检查请求类型，并且只对 POST 请求执行此操作，这不是我调查过的内容）。

Answer 2

您 post 以错误的方式访问文件，据我所知，这可能是问题所在。

$.post("URL", {
            action: "deleteRegistro"
        }, function (data, status) {
        //  alert (data + '\n' + "status" + status);
            if (status === 'error') {
                console.log("Not deleted"); // For debugging purpose
            } else if (status === 'success') {
              console.log("Deleted successfully");
            }
        });

用正确的 URl 代替“URL” 无需更改 switch case 中的任何内容。

但即使在这之后您可能也看不到 table 中的数据已被删除，您需要刷新页面。

由于您在单个页面中拥有所有这些功能，我建议您使用隐藏表单来 post 数据。

使用 POST 请求和 jQuery 将数据发送到服务器

Send data to the server using POST request with jQuery

javascript

php

jquery

post