How to send String data with formdata in ajax

Question

<script type="text/javascript">
$(document).ready(function(){
    $("#btnUpdate").click(function(){
        alert($("#frm_data").serialize());
        var formData = new FormData($("#frm_data")[0]);
        var Desc= CKEDITOR.instances.editor1.getData();

        $("#btnUpdate").attr('value', 'Please Wait...');
        $.ajax({
            url: 'update_job.php',
            data: formData,
            cache: false,
            contentType:false,
            processData:false,
            type: 'post',
            success: function(response)
            {
                $("#btnUpdate").attr('value', 'Update');
            }
        });
        return false;
    });
})
</script>

i use ckeditor for textarea field. but its can update value with new value, so i want to use another way with send textarea value with form data.
so how to send Desc data with fromData. in ajax.

Rory McCrossan · Accepted Answer · 2017-01-19 08:52:58Z

1

To achieve this you can use the append() method of FormData to add whatever additional information you require:

$("#btnUpdate").click(function(e) {
    e.preventDefault();
    var $btn = $(this).attr('value', 'Please Wait...');
    var formData = new FormData($("#frm_data")[0]);
    formData.append('desc', CKEDITOR.instances.editor1.getData());

    $.ajax({
        url: 'update_job.php',    
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        type: 'post',
        success: function(response) {    
            $btn.attr('value', 'Update');
        }
    });
});

answered Jan 19, 2017 at 8:52

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Meena patel Over a year ago

var formData = new FormData($("#frm_data")[0]); var data = CKEDITOR.instances.editor1.getData(); formData.append('desc',data);

Rory McCrossan Over a year ago

That would work too. Are you having problems with it?

Collectives™ on Stack Overflow

How to send String data with formdata in ajax

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related