在 ajax 数组中使用 jQuery .serialize() 将 PHP $_POST 作为变量传递？

Question

这是我用来将表单详细信息发送到 php 函数的 jQuery 代码：

jQuery(document).ready(function($) {    
    jQuery('.submit').click(function(){
        var str = $("#ajaxForms").serialize();
        var data = {
            action: 'myajax-submit',
            serialize: str,
            beforeSend: function(){
                alert('Sending...');
            }
        };  
        jQuery.post(MyAjax.ajaxurl, data,  function(response) {
            alert('Got this from the server: ' + response);
        });
        return false;   
    });
});

这是php函数：

function myajax_submit() {
    $whatever = $_POST['serialize'];
    echo $whatever;
    die(); 
}

一切正常，但是当警告框出现时，文本会显示来自我的 html 表单 #ajaxForms 的一串值。我相信这是因为 php 函数回显了$_POST['serialize']。

在我的表单中，我有一个输入框，例如：

<input id="postID" name="postID" value="First Name" type="text" />

但是当我尝试在 php 中回显 $_POST['postID'] 变量时，它不会在警报框中显示任何内容。

我认为通过将表单数据序列化到 php 函数，我可以使用与表单输入关联的 $_POST 变量？

帮助表示赞赏。 :)

Answer 1

通过使用 jQuery 的 serialize 序列化表单输入，您可以创建如下字符串：

a=1&b=2&c=3&d=4&e=5&postID=10

为了获得 postId，您需要反序列化 $_POST['serialize']。为此，您应该执行以下操作：

parse_str($_POST['serialize'], $whatever);

现在$whatever['postID'] 就是您要搜索的内容。

编辑：修复 parse_str() :)

Answer 2

您以错误的方式实施$.post。 .serialize() 返回一个字符串。因此，当您将serialize: str 传递给$.post() 时，不再添加表单本身，而是包含序列化表单的纯字符串。

下面的代码是正确的，使用$.ajax（见注释行）。

jQuery('.submit').click(function(){
    var str = $("#ajaxForms").serialize();
    // If you realllly. want a parameter serialize, uncomment the following line
    // str += '&serialize=' + encodeURIComponent(str);
    str += '&action=myajax-submit';
    jQuery.ajax(MyAjax.ajaxurl, {
        method: 'POST',
        data: str,
        success: function(response) {
            alert('Got this from the server: ' + response);
        },
        beforeSend: function(){
            alert('Sending...');
        }
    });
    return false;   
});