ie9 - FormData undefined - javascript

Question

I'am submitting some data via ajax and trying to get a grasp on what's the best method for restructuring my code to work on ie9. Of course, it's submitting fine on all other browsers.

I'm using angularJS for the frontend so, the submit function is triggered like so

JS

//angular snippet
 $scope.submitBrackets = function($event) {
     submitVotes(roundNumber, submissionArray.toString());
 }

//submit function

function submitVotes(roundNum, competitorsIDs) {
    var formData = new FormData();
    formData.append("roundNum", roundNum);
    formData.append("competitorsIDs", competitorsIDs);

    $.ajax({
     url : "http://myUrl.com/form/formstuff/apiStuff",
     type: "GET",
     //async:false,
     //Ajax events
     beforeSend: function(){},
     dataType: "json",
     isLocal: false,
     // Form data
     data: "r="+roundNum+"&ids="+competitorsIDs,
     //Options to tell JQuery not to process data or worry about content-type
     cache: false,
     contentType: false,
     processData: false
   });


 }

Thanks for any input, suggestions.

Related: http://stackoverflow.com/questions/15475215/formdata-in-ie8-9 — Stryner, Jan 21 '15 at 22:54

score 1 · Accepted Answer · answered Jan 21 '15 at 22:58

1

It doesn't look like you're even using the formData in your code. You're just creating a formData variable and abandoning it.

The data property is all you need. You can delete the FormData part:

data: {
    r: roundNum,
    ids: competitorsIDs
},

answered Jan 21 '15 at 22:58

JLRishe

99,490
19
131
169

one of those "doh!" moments. will give this a shot. Thanks – gregdevs Jan 22 '15 at 00:46

ie9 - FormData undefined - javascript

1 Answers1