JavaScript - Sending javascript object as a hidden input field

Question

I have a JS Array of Objects as follows:

var tables = new Array();

var table = new Object();

table.no=1001;
table.name="Table-1";
tables.push(table);

table.no=1001;
table.name="Table-1";
tables.push(table);

Now I need to send this tables object-array through a hidden field in a form. Can I directly assign the value of hidden field as tables object.

Mithun Satheesh · Accepted Answer · 2014-09-23 13:11:37Z

3

use JSON.stringify() to convert it to JSON string and send your data.

side note:

There is an issue in the way you are creating an appending objects. Each time you are editing the same object. It will result in all the elemnts in your array being the last object you made as they are all references to the same object you have. resolve this by creating new objects when you append items to the array

var tables = new Array();

tables.push({"no":1000,"name":"Table-0"});
tables.push({"no":1001,"name":"Table-1"});

alert(JSON.stringify(tables));

edited Sep 23, 2014 at 13:11

answered Sep 23, 2014 at 12:54

Mithun Satheesh

27.9k14 gold badges80 silver badges103 bronze badges

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

Comments

leopik · Accepted Answer · 2014-09-23 12:55:29Z

0

You could stringify the value, put it in the field, send it to the server and then decode it. To stringify an object:

JSON.stringify(tables);

Assuming that you're using PHP on the server, you could decode it using json_decode function.

answered Sep 23, 2014 at 12:55

leopik

2,3512 gold badges19 silver badges32 bronze badges

Collectives™ on Stack Overflow

JavaScript - Sending javascript object as a hidden input field

2 Answers 2

side note:

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

side note:

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related