使用帶有jQuery的POST請求將數據發送到服務器

Question

我想做的事：

我正在嘗試使用$.post jQuery 快捷方式將數據發送到我的服務器。

問題是什么：

我的程序沒有進入我的switch case ，可能是因為我的action沒有正確發送。

我正在嘗試做的事情：

我創建了一個表格，其中一個元素是一個帶有onclick JavaScript 函數的<button onclick='Delete()'></button> ： <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 理解的格式編碼並且Content-Type正確，PHP 將使用請求正文中的數據填充$_POST 。 （PHP 也可能會檢查請求類型，並且只對 POST 請求執行此操作，這不是我調查過的）。

Answer 2

您以錯誤的方式發布到文件中，據我所知，這可能是問題所在。

$.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 中更改任何內容。

但即使在此之后您可能看不到表中的數據被刪除，您需要刷新頁面。

由於您在單頁中擁有所有這些功能，我建議您使用隱藏表單來發布數據。

Answer 3

也許這個 php 代碼在 js 中不起作用。 您可以在這樣的隱藏輸入中獲取它；

<input id="takeUrl" type="hidden" value="<?=SITE_URL_ADMIN?>">
let url = $('#takeUrl').val();

使用帶有jQuery的POST請求將數據發送到服務器

問題描述

3 個解決方案

解決方案1
2 2021-07-06 13:19:07

解決方案2
1 已采納 2021-07-06 13:41:33

解決方案3
0 2021-07-06 13:24:47

使用帶有jQuery的POST請求將數據發送到服務器

問題描述

3 個解決方案

解決方案1 2 2021-07-06 13:19:07

解決方案2 1 已采納 2021-07-06 13:41:33

解決方案3 0 2021-07-06 13:24:47

解決方案1
2 2021-07-06 13:19:07

解決方案2
1 已采納 2021-07-06 13:41:33

解決方案3
0 2021-07-06 13:24:47