Array associative from JavaScript-Ajax to php

Question

in this exercise, I need to edit books quantitys on a form, and then pass it from javascript-ajax to php-sql.

But, first, my form looks like this (generated by php), and as you can see, books id's into "name".

<input type="text" class="bookclass" name="books[1]" />
<input type="text" class="bookclass" name="books[2]" />    
<input type="text" class="bookclass" name="books[3]" />

Ok, now, I need to get all values (quantitys).

var arr = new Array();
var elems = document.querySelectorAll('.bookclass'); // class

    for ( var i=0; i<elems.length; i++ ) {
        arr.push(elems[i].value)

    }

But, of course, when I use "push" method, isn't associative.

Ajax send:

xmlhttp.open("GET", "edit.php?q=" + arrayassoc, true);

So, how can I do?

JavaScript does not support associative arrays. w3schools.com/js/js_arrays.asp — Mohammad Arshi
– Mohammad Arshi, Commented Jan 24, 2015 at 13:29

Quentin · Accepted Answer · 2015-01-24 13:12:42Z

2

Use the name and values of the inputs instead of making up a new key name and then trying to stringify an array onto it.

var query_string = "?";

for ( var i=0; i<elems.length; i++ ) {
    query_string += encodeURIComponent(elems[i].name) + "=" +
                    encodeURIComponent(elems[i].value) + "&";
}    

xmlhttp.open("GET", "edit.php" + query_string, true);

answered Jan 24, 2015 at 13:12

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

Mohammad Arshi · Accepted Answer · 2015-01-30 17:43:36Z

-1

JavaScript does not support associative arrays.

You can use below code .

    var arr = [];
    var elems = document.querySelectorAll('.bookclass'); // class

    for ( var i=0; i<elems.length; i++ ) {

        arr[i]   = elems[i].value;

    }

edited Jan 30, 2015 at 17:43

answered Jan 24, 2015 at 13:35

Mohammad Arshi

3862 silver badges9 bronze badges

1 Comment

Quentin Over a year ago

That code will throw a reference error since value is undeclared.

Collectives™ on Stack Overflow

Array associative from JavaScript-Ajax to php

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related