使用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;
}