Question

/* Helper function to clean up any current data we have stored */
function insertSerializedData(ids, type) {
    // Get anything in the current field
    current_data = $('#changes').val();
    if (!current_data) {
        var data = new Array();
        data[type] = ids;
        $('#changes').val(JSON.stringify(data));
    } else {
        var data = JSON.parse($('#changes').val());
        data[type] = ids;
        $('#changes').val(JSON.stringify(data));
    }
    console.log($('#changes').val());
}

I am using the following function to either add data to a current JSON object or create a new JSON object all together to be used in PHP later. Is the stringify() method only for FF? I am using google chrome and I am being given an empty object when using the conosole.log() function…

Also what happens if you try to store two values with the same key? I assume it will overwrite…so I should add a random math number at the end array in order to keep duplicates from showing up?

Thanks 🙂

Answer 1

These lines may cause problems:

var data = new Array();
data[type] = ids;

… because arrays in JavaScript are not quite like arrays in PHP. I suppose what you meant is better expressed by…

var data = {};
data[type] = ids;

Besides, current_data seems to be local to this function, therefore it also should be declared as local with var. Don’t see any other problems… except that similar functionality is already implemented in jQuery .data() method.

UPDATE: here’s jsFiddle to play with. ) From what I’ve tried looks like the array-object mismatch is what actually caused that Chrome behavior.