通过 .ajax() 发送多条数据在 PHP 脚本中进行处理

Question

我正在尝试通过 .ajax() 将两组不同的信息发送到 PHP 脚本以进行处理并遇到问题。

在这种情况下，用户进入一个页面，并且 1) 计时器开始计算秒数，以及 2) 用户必须为表单填写一系列输入。当用户单击提交按钮时，我想将两组信息（当前计时器计数和所有用户输入）发送到 PHP 脚本。

我可以成功发送一组信息或另一组信息，但无法找到同时通过 .ajax() 发送两组数据的方法。

这是我现在得到的 jQuery，它尝试发送两条数据但失败：

 $(document).ready(function(){
    var count = 0;
    setInterval(function(){
        count++;
        $('#timer').html(count + ' secs.');
    },1000);

// displays user structureand suggested answers on structure page
$('#process_structure').click(function () {
    var text = $.ajax ({
        type: "POST",
        url: "structure_process.php",
        data: $('#inputs_structure').serialize(), data: {count: count},
        dataType: "json",
        async: false,
    }).responseText;
    $('#test_ajax').html(text); 
})
});

任何指针将不胜感激。谢谢！

Answer 1

假设structure_process.php 同时接受两条数据，您可以使用serializeArray() 而不是serialize()，附加您的额外数据，然后使用jQuery.param() 将数组转换为jQuery.ajax() 的字符串会接受的。

$('#process_structure').click(function () {
    var postData = $('#inputs_structure').serializeArray();
    postData.push({name: 'count', value: count});
    var text = $.ajax ({
        type: "POST",
        url: "structure_process.php",
        data: $.param(postData),
        dataType: "json",
        async: false,
    }).responseText;
    $('#test_ajax').html(text);
});