html php POSTing javascript integer array

Question

I am extending an internal web application project written with HTML, PHP and pure javascript. I want to POST a javascript integer array, alongside with other inputs, into another PHP file for further processing.

A very simplified version of what I would like to achieve is like this:

form.php

<form action="post.php" method="POST">
    <!-- along with other inputs -->
    <input type="hidden" id="ints" name="ints">
    <input type="submit" name="submit" id="submit" value="SUBMIT">
</form>
<script>
    var ints = [2,4,6];
    document.getElementsByName("ints").value=ints;
</script>

post.php

if (isset($_POST['ints'])){
    var_dump($_POST['ints']); //expected an array of numbers or strings
}else{
    echo "not POSTed";
}

But it seems that I failed to POST it. I have tried making the input field ints as ints[] and tried using getElementById. The best I have got is a string "2,4,6", and I may have done this using explode() in PHP, but I would like to know if there are better options.

I want to stick with pure javascript, but if it is not possible, I may try other stuffs like jQuery. Any hints and suggestions are appreciated.

Possible duplicate of Passing Array Using Html Form Hidden Element — Script47
– Script47, Commented Sep 13, 2017 at 10:24
you should not send array in input field. Send value with , comma separated — Pankaj Makwana
– Pankaj Makwana, Commented Sep 13, 2017 at 10:27
Not so much of duplicate. That link wants to post a PHP array in my understanding. W-well, I just want to know if there is a cleaner way to make this work, maybe... — Johnny Cheong
– Johnny Cheong, Commented Sep 14, 2017 at 1:43

klumme · Accepted Answer · 2017-09-13 10:57:23Z

1

Try replacing this:

document.getElementsByName("ints").value=ints;

... with this:

document.getElementsByName("ints")[0].setAttribute("value", ints);

There doesn't seem to be a value property on the node list returned by getElementsByName() which works the way you're trying to use it in your code above. Note that if the correct element isn't the first (maybe only) match for getElementsByName(), you'll have to change the index above, or use another means of selecting the element, like a class.

edited Sep 13, 2017 at 10:57

answered Sep 13, 2017 at 10:46

klumme

6083 silver badges8 bronze badges

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

Comments

user4602228 · Accepted Answer · 2017-09-13 10:41:47Z

0

The value in the input is string. you should pass the ints array using a serialized JSON array using either ajax or XmlHttpRequest (better)

submit.onclick = function(){

   ints = [1,2,3];

   var request = new XMLHttpRequest();

   request.open('POST', '/my/url', true);

   request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');

   request.send({
      ints : ints
   });

}

answered Sep 13, 2017 at 10:41

user4602228

Collectives™ on Stack Overflow

html php POSTing javascript integer array

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related