使用带有 jQuery 的 POST 请求将数据发送到服务器
Posted
技术标签:
【中文标题】使用带有 jQuery 的 POST 请求将数据发送到服务器【英文标题】：Send data to the server using POST request with jQuery 【发布时间】：2021-09-17 03:02:53 【问题描述】：我想做的事：
我正在尝试使用$.post jQuery 快捷方式将数据发送到我的服务器。
有什么问题：
我的程序没有进入我的switch case，可能是因为我的action 发送不正确。
我想做的事：
我创建了一个表格，其中一个元素是一个带有 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;
这应该可以工作，因为我在我的发布请求中将我的操作 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;
?>
【问题讨论】：
您没有描述确切的问题是什么，或者您的目标。但是我可以告诉你，以你现在的方式从 PHP 返回 html/JS 的混合将不会被执行。 @RoryMcCrossan 我添加了我的问题。对不起！ 您应该将action 作为请求正文的一部分发送，而不是作为 URL 的一部分发送。 jQuery 的post 方法api.jquery.com/jquery.post 接受data 属性，您可以将您的操作作为请求正文的一部分传递给服务器。类似data: action: 'deleteRegistro'
【参考方案1】：
您在查询字符串中传递操作，而不是请求正文，因此它将在$_GET 中可用，而不是在$_POST 中。
PHP 超全局变量 $_GET 和 $_POST 不（直接）引用请求类型。它们指的是 HTML 表单将根据 method 属性从输入中放置数据的位置。
任何类型的 HTTP 请求都可以在 URL 中包含查询字符串，这将被放入 $_GET 超全局变量中。
不是所有的 HTTP 请求都可以有请求体，但是很多（包括 POST 和 PUT）可以。如果请求正文中的数据以 PHP 理解的格式编码并且 Content-Type 是正确的，PHP 将使用请求正文中的数据填充 $_POST。 （PHP 也可能会检查请求类型，并且只对 POST 请求执行此操作，这不是我研究过的）。
【讨论】：
好的，谢谢你的解释，我明白了。现在，我不知道如何在我的 URL 中传递我的操作以输入我的情况......我必须使用 POST 方法【参考方案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 ...好奇...以上是关于使用带有 jQuery 的 POST 请求将数据发送到服务器的主要内容，如果未能解决你的问题，请参考以下文章