How to pass an array or object into a hidden input field in Javascript

We pass different kind of values through hidden input field in a form. But if we want to pass an array into a hidden field how we will do this. Let's see the steps below:

For example, we have the below input field.

To input an array or an object like post_array, you need to populate the field using the below code block.

$('#data').val(post_array);

This might produce some erroneous behavior in response. Because, hidden input fields normally expects string values. So, to stay safe, it is best to stringify the array or object.

Below code block is safest:

$('#data').val(JSON.stringify(post_array));

On server side, you need to decode your data:

$data = json_decode($_POST['data']);

See the book OpenCart 1.4 Template Design Cookbook.
See the book Joomla Mobile Development Beginners Guide

List of my works:

Technical Support:

If you still face the technical problem, please get support of our highly skilled technical team: garazlab.com.


Wordpress Plugins:

1. Real-Time Health Data from Every Where:WP plugin to display real-time health data & increase sale by promoting user specific products according to health information: garazlab.com.
2. Woocommerce Stock Notification Builder:Sends desktop, mobile & email notifications with full customization.Build your own product notification system with it: garazlab.com.

Opencart Extensions:

1. Product Based Quantity Wise Shipping: Find it here.
2. OpenSSLCOMMERZ: integrate SSLCOMMERZ with opencart: Find it here.
3. Fine Search v.1.0 - Improves Opencart search feature to find relevant: Find it here.
4. Opensweetcaptcha - An easy way to generate attractive captcha for your system!: Find it here.
5. Custom Field Product - add unlimited custom fields to the product form: Find it here.
6. Formcaptcha - add captcha on the register page: Find it here.

My Books:

1. OpenCart 1.4 Template Design Cookbook.
2. Joomla Mobile Development Beginners Guide