How to send array in AJAX using JSON

Question

I am fairly new to JS and AJAX, and for some reason I can not send my dynamically generated and read data via AJAX. How do I properly send an array via AJAX to PHP script?

I have tried following the instructions but I can not get the AJAX to send the data. The first try was a complete bust, the second gets error:

Uncaught TypeError: Illegal invocation

but it seems to originate from the JS-library instead of my code (though the code is most probably the reason for it!) and I do not know what to do with it.

    //first thing I tried
    var i = 1, j = 0, cu = [], cu2 = [];
     while (i <= tilit ) {
        cu[j] = document.getElementById("til_nro_"+i);
        console.log(cu[j].value);

        i++;
    }
    var dynamic_account_value = JSON.stringify(cu);


 jQuery.ajax({
        type: "POST",
         url: 'http:mysite.php',
        dataType: 'json', 
        data: { dynamic_account_count:tilit, db:cu , id:id, result:dynamic_account_value
            }
        });



    //2nd thing I tried
    var i = 1, j = 0, cu = [], cu2 = [];
     while (i <= tilit ) {

        cu[j] = document.getElementById("til_nro_"+i);
        cu2.push(JSON.parse(cu[j].value));

        i++;
    }
    var tilinrot_lisa = JSON.stringify(cu2);


     jQuery.ajax({
        type: "POST",
         url: 'http:mysite.php',
        dataType: 'json', 
        data: { dynamic_account_count:tilit, db:cu , id:id, result:tilinrot_lisa
            }
        });

I think you are trying to stringify DOM nodes, try this instead cu[j] = document.getElementById("til_nro_"+i).value;. — dfsq
– dfsq, Commented Sep 10, 2014 at 8:21
Thanks everyone. I got the stringify to work. Do not quite know hy, I re-wrote the 2nd part of the script and now it works. — user1054844
– user1054844, Commented Sep 10, 2014 at 9:44

Chris Caviness · Accepted Answer · 2014-09-10 08:31:12Z

1

First, give them something that makes selection easier, like a common class. Second, use jquery serialize

$.ajax({
  url : "foo",
  data : $(".bar").serialize(),
  success : function(response) {}
})

answered Sep 10, 2014 at 8:31

Chris Caviness

5963 silver badges10 bronze badges

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

2 Comments

user1054844 Over a year ago

Could not get serialize or stringify to work so tried the "untouched" cu as dynaamic:cu however when I read the send data and receive it I only get the last value.

user1054844 Over a year ago

I do not quite know how to serialize it, since I am generating the div id on dynamic content...

Sahil Sharma · Accepted Answer · 2014-09-10 09:48:31Z

0

Try this code snippet, Try to send just one variable then go for another & use content type. u can use //console.log(JSON.stringify(cu)); to view what's inside.

jQuery.ajax({
   type: 'post',
   dataType: 'json',
   data: {your_var:JSON.stringify(cu)},
   contentType: "application/json"

});

answered Sep 10, 2014 at 9:48

community wiki

Sahil Sharma

Collectives™ on Stack Overflow

How to send array in AJAX using JSON

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related