Search code examples
jqueryajaxformsserialization

jQuery: serialize() form and other parameters


Is it possible to send form elements (serialized with .serialize() method) and other parameters with a single AJAX request?

Example:

$.ajax({
    type : 'POST',
    url : 'url',
    data : {
        $('#form').serialize(),
        par1 : 1,
        par2 : '2',
        par3: 232
    }
}

If not what's the best way to submit a form together with other parameters?


Solution

  • serialize() effectively turns the form values into a valid querystring, as such you can simply append to the string:

    $.ajax({
        type : 'POST',
        url : 'url',
        data : $('#form').serialize() + "&par1=1&par2=2&par3=232"
    })