将POST数据从html按钮标记发送到PHP处理脚本

时间:2013-07-17 05:30:47

标签: php jquery html forms post

尝试通过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中做了适当的修改......

1 个答案:

答案 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/