使用jQuery和Ajax将序列化的表单作为数据对象中的值发送给php

Question

消除这个问题，我想通过数据对象中的AJAX将序列化的表单字符串发送给PHP。 我的表格是：

<form id="add_project_form" method="post">
    <div class="form_group">
        <p>Title:</p>
        <input type="text" name="title">
    </div>
    <div class="form_group form_select" id="visible">
        <p>Visible: 
            <select name="visible">
                <option>1</option>
                <option>0</option>
            </select>
        </p>
    </div>
    <a href="javascript:void(0)" id="submit_project">Add Project</a>
</form>

我可以像数据那样做：$（'form'）。serialize（），但似乎无法在对象中传递它。

$('#submit_project').click(function() {
    $.ajax({
        url: 'ajax_calls.php',
        type: 'POST',
        data: {
            add_project_call: true,
            form_data: $('#add_project_form').serialize()
        },
        success: function(addedResults) {
            console.log(addedResults);
        }
    });
});

为了测试，请从PHP取回标题

if(isset($_POST['add_project_call'])) {
   $title = $_POST['title'];
   $visible = $_POST['visible'];
   echo $title;
}

我看到序列化将表单数据转换为字符串，但是如何访问PHP中的值？

谢谢，

Answer 1

更改javascript，例如：

$('#submit_project').click(function() {
    var form_data = {};
    $('#add_project_form').serializeArray().map(function(n){form_data[n.name] = n.value;});
    $.ajax({
        url: 'ajax_calls.php',
        type: 'POST',
        data: {
            add_project_call: true,
            form_data: form_data
        },
        success: function(addedResults) {
            console.log(addedResults);
        }
    });
});

更改php文件（ajax_calls.php），如下所示：

if(isset($_POST['add_project_call'])) {
   $title = $_POST['form_data']['title'];
   $visible = $_POST['form_data']['visible'];
   echo $title;
}