Skip to main content

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.

  • Add key/value pair to existing form data

    var id = $('#recordID').val();
    formData.append('id', id);

    Code snippet with form data

    <script>
    $('#form').on('submit', function(e){
        e.preventDefault();
        var formData = new FormData($(this)[0]);
        var id = $('#recordID').val();
        formData.append('id', id);
    
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "/add-record",
            data: formData,
            processData: false,
            success: function(data){
                console.log(data);
            }
        }); 
    })
    </script>

    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