Javascript - Stockage d'un tableau d'objets dans un champ caché

J'ai besoin de stocker une entrée dans un champ caché, donc quand j'ai l'impression de l'après-demande, je reçois:

Array ( [0]=>1 [1]=>2 [2]=>3 )

J'ai déjà essayé:

var elems = [];
elems.push['1'];
elems.push['2'];
elems.push['3'];

$('#input_hidden_field').val(elems);

Mais il ne fonctionne pas, quelqu'un pourrait m'aider?

source d'informationauteur Adam Sasin

  1. 45

    Vous pouvez analyser votre tableau dans un JSON-chaîne de magasin:

    .push() est une fonction, donc il a besoin () et pas le [] de la matrice de syntaxe.

    var elems = [];
elems.push('1');
elems.push('2');
elems.push('3');

$('#input_hidden_field').val(JSON.stringify(elems)); //store array

var value = $('#input_hidden_field').val(); //retrieve array
value = JSON.parse(value);

    Pour créer un objet, il suffit de changer la définition de elems et le stockage des valeurs:

    var elems = {};
elems[0] = '1';
elems[1] = '2';
elems[2] = '3';

    Démo

    Référence

    .stringify()

    .parse()

  2. 1

    Une meilleure approche consisterait à ajouter une nouvelle formdata pour chaque valeur dans un tableau.

    JS

    var elems = [];
elems.push['1'];
elems.push['2'];
elems.push['3']; 

var fd = new FormData(document.getElementById("myform"));
for (var i = 0; i < elems.length; i++) {
   fd.append('elems[]', elems[i]);
}

    HTML

    <form action="./post-request.php" method="post" id="myform">
   <input type="hidden" name="elems[]" />
   <button type="submit" name="myarray">SEND</button>
</form>

    PHP

    <?php 

   if(isset($_POST['myarray']) {
      print_r($_POST['elems']); 
   }
  3. 0

    JS

    var elems = [];
elems.push['1'];
elems.push['2'];
elems.push['3'];
$('#input_hidden_field').val(JSON.stringify(elems));

    PHP

    $elems = json_decode($_POST['hidden_input_name'], true);