尝试通过POST将html按钮标记中的数据提交到PHP处理脚本时,我遇到了一个相当恼人的问题。
这是我的代码......
(1)HTML表格:
<form id="pub-form1" method="post">
<button type="submit" name="All" value="true">All Publishers</button>
<button type="submit" name="Current" value="true">Current Publishers</button>
<button type="submit" name="Users" value="true">User Priveleges</button>
</form>
(2)用于处理POST请求的jQuery脚本:
$(document).ready(function () {
$('#pub-form1').submit(function (e) {
e.preventDefault();
$('#results').contents().remove();
var formData = $(this).serialize();
$("input").prop("disabled", true);
request = $.post('VRC_PublishersProcess.php', formData, resultsMessage);
request.fail(function() {
$('#results').append("<span id=\"reply\">Your search failed for an unknown reason. Please try again in a few minutes.</ span>");
$("input").prop("disabled", false); });
function resultsMessage(data) {
$('#results').append(data);
$("input").prop("disabled", false);
}
});
});
(3)PHP处理脚本:
//All Publishers
if(isset($_POST['All'])) {
if(!empty($_POST['All'])) {
$result = $members->selectAllMembers();
if($result === true) {
exit(); //Kill the process
}
else {
echo $result;
exit(); //Kill the process
}
}
else {
$error = "<span id=\"reply\">Not all fields were entered correctly!</ span>";
echo $error;
exit(); //Kill the process
}
}
//Current Publishers
if(isset($_POST['Current'])) {
if(!empty($_POST['Current'])) {
$result = $members->selectCurrentPublishers();
if($result === true) {
exit(); //Kill the process
}
else {
echo $result;
exit(); //Kill the process
}
}
else {
$error = "<span id=\"reply\">Not all fields were entered correctly!</ span>";
echo $error;
exit(); //Kill the process
}
}
//Users
if(isset($_POST['Users'])) {
if(!empty($_POST['Users'])) {
$result = $members->selectUserPublishers();
if($result === true) {
exit(); //Kill the process
}
else {
echo $result;
exit(); //Kill the process
}
}
else {
$error = "<span id=\"reply\">Not all fields were entered correctly!</ span>";
echo $error;
exit(); //Kill the process
}
}
我不太确定问题的原因是什么。没有错误被javascript或PHP引发;页面保持空白,没有结果。
jQuery函数似乎正常工作。我在其他表单上多次使用该特殊内容,并正确处理POST请求。我甚至能够触发它的失败;它的反应是正确的。
PHP处理脚本似乎也正常运行。同样,它源自已成功处理来自同一页面的POST请求的其他脚本。
我的怀疑主要集中在HTML表单本身。这些是我的理论:(1)按钮不提交“本身”。换句话说,由于没有文字或其他形式的输入,实际上没有什么可以提交的。 (2)由于某种原因,该名称与我的PHP脚本正在寻找的名称不对应。例如,如果提交了"All Publishers"
,我的PHP脚本正在寻找$_POST['All']
。但由于某种原因,该请求不会保存在PHP超全局数组中的该标识符下。
我的目标是为最终用户提供三种显示数据的选项。现在,这不起作用。
感谢任何反馈。
最终解决方案:
<div id="pub1">
<a href="#" class="drop" id="one">Other</a>
<div id="displayselect" method="post">
<form id="select1" method="post">
<input type="hidden" name="All" value="1" />
</form>
<form id="select2" method="post">
<input type="hidden" name="Current" value="1" />
</form>
<form id="select3" method="post">
<input type="hidden" name="Users" value="1" />
</form>
<button type="submit" name="All" form="select1">All Publishers</button>
<button type="submit" name="Current" form="select2">Current Publishers</button>
<button type="submit" name="Users" form="select3">User Priveleges</button>
</div>
</div>
显然,在jQuery中做了适当的修改......
答案 0 :(得分:2)
想出来,
jQuery.serialize没有按下按钮(http://api.jquery.com/serialize/)它只适用于input, textarea, select
所以我尝试将您的HTML button
元素转换为<input type="submit" ...
但是由于jQuery在序列化时忽略了submit
标记,因此尝试添加<input type="hidden" name="test" value="1" />
并检查了序列化的内容test=1
,因此您必须更改形成一点。
jsFiddle for testing:http://jsfiddle.net/4D8Nz/