JQuery отправка данных формы и объекта JSON в вызове AJAX

Question

Я звоню на другую страницу ajax, этот вызов отправляет объект json.Мне также нужно отправить данные из формы (без использования submit - у меня есть вызов ajax, прикрепленный к кнопке, которая использует e.preventDeault()).

Вызов выглядит следующим образом:

var myUrl = 'sendswatch-data.php';
            $.ajax({
                url: myUrl,
                data: {'swatchid[]':swatchArray}, 'formdata':$('#orderData').serialize()},
                type: "POST",
                error: function(xhr, statusText, errorThrown){
                    // Work out what the error was and display the appropriate message
                },
                success: function(myData){
                    $('#tabsampleorder').html(myData);
                    $('.tabber').hide();
                    $('#tabsampleorder').show();
                }
            });

У меня есть форма на идентификаторе страницы formdata.

Как мне отправить это, а также объект json?Я пробовал

data: {'swatchid[]':swatchArray}, 'formdata':$('#orderData').serialize()},

, но выдает ошибку.

Answer 1

У вас есть дополнительный} после watchArray. Попробуйте удалить это.

data: {'swatchid[]':swatchArray, 'formdata':$('#orderData').serialize()},

Answer 2

Вы можете отправить данные из формы следующим образом:

data : { swatchid: swatchArray, formdata: $('#orderData').serialize() } 

Вам потребуется параметр в контроллере для каждого поля, которое вы добавляете.