jQuery: Array in object literal for ajax data

Question

I have a form with inputs using an array for the name like this:

<input type="text" name="answer[0]" />

Those work fine when I do an ajax post and serialize the form for the data. Now I am trying to pass a dynamic object to jQuery ajax data that will mimic the structure it gets if it were to serialize the form. Here is the code I'm trying for that:

function sliderCalc(){
        var step = jQuery('[name="step"]').val();
        var max = jQuery('[name="max"]').val();
        var min = jQuery('[name="min"]').val();
        var count = (max - min) / step;
        var sliderData = {};
        for(i=0; i<=count; i++){
            var value = min + (step * i);
            sliderData.answers[i] = value; // key => value created here
        }
        return sliderData;
    }

I'm getting this error:

Uncaught TypeError: Cannot set property '0' of undefined

Does anyone have a good solution for this?

What's the exact error message you are getting?

Travesty3
– Travesty3

2012-09-21 19:24:52 +00:00
Commented Sep 21, 2012 at 19:24 — Travesty3
– Travesty3, Commented Sep 21, 2012 at 19:24
Added the error message to bottom

humdinger
– humdinger

2012-09-21 19:30:58 +00:00
Commented Sep 21, 2012 at 19:30 — humdinger
– humdinger, Commented Sep 21, 2012 at 19:30

STO · Accepted Answer · 2012-09-21 19:25:43Z

1

You need create answers property first of assigning array elements:

sliderData.answers = new Array();

answered Sep 21, 2012 at 19:25

STO

10.7k8 gold badges34 silver badges32 bronze badges

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

2 Comments

humdinger Over a year ago

That worked, thanks! I figured it would work same as var array[] = (1, 2, 3);

Eric Over a year ago

Better to use [] over new Array()

andres descalzo · Accepted Answer · 2012-09-21 19:32:14Z

0

this would be a proper way to create sliderData

    var sliderData = { answers: [] };
    for(i = 0; i <= count; i++) {
        var value = min + (step * i);
        sliderData.answers[i] = value; 
    }

complete code:

function sliderCalc() {
    var
        step = jQuery('[name="step"]').val(),
        max = jQuery('[name="max"]').val(),
        min = jQuery('[name="min"]').val(),
        count = (max - min) / step,
        sliderData = {
            answers: []
        },
        value = 0;

    for (i = 0; i <= count; i++) {
        value = min + (step * i);
        sliderData.answers[i] = value; // key => value created here
    }
    return sliderData;
}

answered Sep 21, 2012 at 19:32

andres descalzo

15k14 gold badges66 silver badges119 bronze badges

Collectives™ on Stack Overflow

jQuery: Array in object literal for ajax data

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related