Does IE 8 not support push?

Question

Hi

I am trying to insert an key/value pair into a serializeArray(from jquery).

So I have something like

var form = $('#form');
var sendFormData = form.serializeArray();
sendFormData.push({ "name": "Name", "value": "test"});

In firefox this works yet in IE 8 I get

Line: 51 Error: Object doesn't support this property or method

So it seems to be pointing to this line. So does ie 8 not support push if so what is a way I can add a key/value pair that will work in all browsers(the 5 mains ones firefox, ie8, chrome, opera, safari)

Answer 1

This is not an exhaustive answer as it won't solve your problem, but the Array.push() method works in IE8:

var arr = [];
arr.push({ "name": "Test Name", "value": "Test Value"});
alert(arr[0].name);    // Displays "Test Name"

The above can also be re-written as follows:

var arr = [];
arr[arr.length] = { "name": "Test Name", "value": "Test Value"};
alert(arr[0].name);    // Displays "Test Name"

Answer 2

What you have works (even in IE8), you can test it here: http://jsfiddle.net/ZAxzQ/

There must be something outside the question that you're doing to get that error :)

.push() has been around as long as the Array object, I've never seen a browser that doesn't support it...your unsupported error has to be coming from something else.

Answer 3

I haven't got access to IE atm, but I'm sure it does support push. Check that sendFormData is considered an array:

Object.prototype.toString.call(sendFormData) === '[object Array]';

Something else IE likes to do, is tell you there is an error on the line after the error occurred, so it may be part of the form.serializeArray() line.

Answer 4

Of course, the easiest another solution is to do something like this:

var sendFormData = $("#form").append("<input id='someuniqueID' type='hidden' name='name' value='test' />").serializeArray();
$("#someuniqueID").remove(); //optional could keep it in there if you wanted