Sending javascript array to php via JSON doesn't work

Question

I have a javascript array and want to send it to the php via form input hidden field. What i'm doing is here:

html:

<form method="post" action="a.php" onSubmit="fun();">
    <input type="hidden" name="hiddenF" value="">
</form>

and in javascript:

function fun()
{
    var jArray = [ "One", "Two", "Three"];

    document.getElementsByName("hiddenF").value = JSON.stringify(jArray);
}

and finally in php that i need an array doing like below but i don't get anything on page.

$arr=json_decode($_POST['hiddenF']);
print_r($arr);

</form? should be </form>. also I think that if you want to get an array in php you need to add $arr=json_decode($_POST['hiddenF'],true); — auo
– auo, Commented Jul 10, 2013 at 8:52
</form> maybe in the future!!, i have also tried it but got no result with $arr=json_decode($_POST['hiddenF'],true); !! — Hasteh Elmi
– Hasteh Elmi, Commented Jul 10, 2013 at 8:56

Raman Chodźka · Accepted Answer · 2013-07-10 09:02:04Z

1

document.getElementsByName("hiddenF") returns an array. So you need to add [0] to access your hidden input.

Should be like that:

document.getElementsByName("hiddenF")[0].value = JSON.stringify(jArray);

answered Jul 10, 2013 at 9:02

Raman Chodźka

5581 gold badge7 silver badges16 bronze badges

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

Comments

user1850534 · Accepted Answer · 2013-07-10 09:50:18Z

1

You can also do it by using ID attribute..This will work

<?php
if(isset($_POST["submit"])){
    $arr = json_decode($_POST['hiddenF']);
    print_r($arr);
}
?>

<script type="text/javascript">
function fun()
{
    var jArray = [ "One", "Two", "Three"];
    document.getElementById("hiddenF").value = JSON.stringify(jArray);
}

</script>

<form method="post" action="<?=$_SERVER["PHP_SELF"]?>" onSubmit="fun();">
    <input type="hidden" name="hiddenF" value="" id="hiddenF">
    <input type="submit" name="submit" />
</form>

If you want to make it work with name attribute, go with above answers.

answered Jul 10, 2013 at 9:50

user1850534

Comments

Samuel ROZE · Accepted Answer · 2013-07-10 09:07:38Z

0

The function document.getElementsByName return an array, so you can't change the .value of this array.

// ...
document.getElementsByName("hiddenF")[0].value = JSON.stringify(jArray);

But I suggest you to use getElementById instead.

HTML:

<input type="hidden" id="hiddenF" name="hiddenF" value="">

JS:

// ...
document.getElementById("hiddenF").value = JSON.stringify(jArray);

answered Jul 10, 2013 at 9:07

Samuel ROZE

7531 gold badge6 silver badges12 bronze badges

Comments

Nono · Accepted Answer · 2013-07-10 09:08:12Z

0

Try this:

Java Script:

function fun(){
    var jArray = [ "One", "Two", "Three"];
    document.getElementsByName("hiddenF")[0].value = JSON.stringify(jArray);    
}

Html Form:

<form method="post" action="process.php" onSubmit="return fun();">
    <input type="hidden" name="hiddenF" value="">
    <input type="submit" value="Submit"/>
</form>

Process.php

<?php
$arr=json_decode($_POST['hiddenF']);
print_r($arr);
?>

answered Jul 10, 2013 at 9:08

Nono

7,4024 gold badges42 silver badges41 bronze badges

Collectives™ on Stack Overflow

Sending javascript array to php via JSON doesn't work

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related