Submitting multipart/form-data using ajax in php is null

Question

I have this kind of form: method="post" enctype="multipart/form-data"

Everytime the form is submitted via ajax

$("#openTicketSubmit").click(function(){
    var support_ticket_form_data = new FormData($("#support_ticket_form"));
    $.ajax({
        type: "POST",
        url: "{$systemurl}submit_ticket.php",
        data: support_ticket_form_data,
        contentType: 'multipart/form-data',
        success: function(results){
            console.log(results);
        },
        error( xhr, ajaxOptions, thrownError ){
            console.log( thrownError );
        }
    });
});

It got an error: jquery.min.js:4 Uncaught TypeError: Illegal invocation and then in the server side (php) the $_POST is null.

Please somebody help me.

Musa · Accepted Answer · 2016-11-14 20:01:19Z

1

To do a multipart/form-data request with jQuery.ajax, contentType and processData needs to be set to false.

Also the FormData constructor takes a form object not a jquery one

var support_ticket_form_data = new FormData($("#support_ticket_form")[0]);

edited Nov 14, 2016 at 20:01

answered Nov 14, 2016 at 19:51

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

3 Comments

Remarc Balisi Over a year ago

Thank you very much brother! this one solves the problem: $("#support_ticket_form")[0] I have another question, why is that when I echo the $SERVER['REQUEST_METHOD'] it is null? :/

Musa Over a year ago

Do you mean $_SERVER['REQUEST_METHOD']?

Remarc Balisi Over a year ago

yeah, I misspelled the $_SERVER into $SERVER. Thank you bro.

Collectives™ on Stack Overflow

Submitting multipart/form-data using ajax in php is null

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related