Блог

Я пытаюсь отправить две отдельные группы информации через .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); 
})
});
  

Любые указания были бы высоко оценены. Спасибо!

Предполагая, что 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);
});