post json + form data in single ajax call

Question

I have a json and form data to send in an ajax post call, how can I combine both:

something like

data : $("#my-form").serialize() + $({ pkeys: ckeys, page: cpage }).serialize()

$.ajax({
    type: "POST",
    url: base_url + "pkey/action/edit",
    data: $("#my-form").serialize() + {
        pkeys: ckeys,
        page: cpage
    } //get this right
}).done(function (data) {
    alert("success");

});

Answer 1

$.param exactly meets your requirement.

$("#my-form").serialize() + '&' +
$.param({
    pkeys: ckeys,
    page: cpage
})

see further example through jquery docs .

Answer 2

Adding +'&pkeys='+ckeys+'&page='+cpage; instead of $({ pkeys: ckeys, page: cpage }).serialize() works.