jquery - 使用序列化函数发布提交按钮值以进行 php 验证

Question

我需要使用 serialize() 函数发布按钮值。问题是 serialize() 不会发布按钮值。我的表单中有 SAVE、UPDATE 和 DELETE 按钮。然后 PHP 必须知道单击哪个按钮来执行特定操作。我可以使用 click 函数获取按钮值，但如何使用 Ajax 将其传递到 PHP 页面。我的代码在下面，也来自stackoverflow。

  $(document).ready(function()
    {
        $("#btnUpdate").click(function() {

          alert($(this).attr("value"));

            /* attach a submit handler to the form */
                $("#form1").submit(function(event) {

                /* stop form from submitting normally */
                event.preventDefault();

                /*clear result div*/
               $("#result").html('');

                /* get some values from elements on the page: */
               var values = $(this).serialize();

              /* Send the data using post and put the results in a div */
                $.ajax({
                  url: "form.php",
                  type: "post",
                  data: values,
                  success: function(data){
                      alert("success");
                              alert(data);
                       $("#result").html('submitted successfully');
                  },
                  error:function(){
                  alert("failure");
                  $("#result").html('there is error while submit');
                    }   
            }); 
        });
    });    
});

Answer 1

使用它来获取按钮值，把它放在你有警报的地方：

var buttonvalue = $(this).val(); 

然后您可以通过执行以下操作将其附加到序列化数据中：

var values = $('#form1').serialize();
values = values + '&button='+buttonvalue;

'&button=' 是当您测试使用哪个按钮时将调用的。

Answer 2

该文档指出No submit button value is serialized since the form was not submitted using a button..

无论如何，您可以通过将按钮名称和值附加到serialize()输出中来做到这一点，就像在这个答案中一样。

Answer 3

我想你想试试这个

$(document).ready(function()
    {
       $("#btnUpdate").click(function() {


            /* attach a submit handler to the form */
                $("#form1").submit(function(event) {

                /* stop form from submitting normally */
                event.preventDefault();

                /*clear result div*/
               $("#result").html('');

                /* get some values from elements on the page: */
               var values = $(this).serialize();

              /* Send the data using post and put the results in a div */
                $.ajax({
                  url: "form.php",
                  type: "post",
                  data: values + '&' + 'button=' $(this).attr('value'),
                  success: function(data){
                      alert("success");
                              alert(data);
                       $("#result").html('submitted successfully');
                  },
                  error:function(){
                  alert("failure");
                  $("#result").html('there is error while submit');
                    }   
            }); 
        });
    });    
});