How to add key/value pair to existing form data

You can add key/value to an existing form data while calling the ajax request. Sometimes we have to add extra data to a form data which does not exist in form input elements then we can add this data to existing form data.

Answers 1
  • Add key/value pair to existing form data

    var id = $('#recordID').val();
    formData.append('id', id);
    //Code snippet with form data
    $('#form').on('submit', function(e){
        var formData = new FormData($(this)[0]);
        var id = $('#recordID').val();
        formData.append('id', id);
            type: "POST",
            dataType: "json",
            url: "/add-record",
            data: formData,
            processData: false,
            success: function(data){

    You have to use formData.append('id', id); to add a new key/value pair to existing form data.

  • Back to code snippet queries related javascript