Pass php array from form to javascript file

Question

I have a php associative array $php_array. Also, I have a form like below in my php file.

<form action="" method="post">
    <p class="submit">
        <input name="submit" class="button-primary" value="Send" type="submit" id="">
        <input type="hidden" name="details" value="' . $php_array . '"/>
    </p>
</form>

I want to pass this array $php_array to a javascript file like

  `details = $("input[name=details]").val();`

The array is in the form

Array(
    [59] => Sree
    [53] => Smith
)

I want to display the names as drop down using javascript on clicking the link 'send'. how can I pass the php array to javascript

you will need to encode your array into json format, then decode that json from the client side and parse you decoded array from javascript; — hassan
– hassan, Commented Mar 10, 2017 at 15:29

hassan · Accepted Answer · 2017-03-10 16:08:43Z

2

You should encode your php array into json format, then decode it from client side;

<form action="" method="post">
    <p class="submit">
        <input name="submit" class="button-primary" value="Send" type="submit" id="">
        <input type="hidden" name="details" value='<?php echo json_encode($php_array); ?>'/>
    </p>
</form>

and from your javascript file :

var details = JSON && JSON.parse($("input[name=details]").val()) || $.parseJSON($("input[name=details]").val());

edited Mar 10, 2017 at 16:08

answered Mar 10, 2017 at 15:32

hassan

8,3282 gold badges28 silver badges40 bronze badges

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

4 Comments

sreelakshmi Over a year ago

I tried the same code but I'm getting the following error. Uncaught SyntaxError: Unexpected end of JSON input(…)

hassan Over a year ago

this means that your json is invalid , check the validity of it

sreelakshmi Over a year ago

Im getting the json encoded value asthis in php file.{"59":"Sree","53":"Smith"} on passing the same to js im getting that error

hassan Over a year ago

and update this code : value="<?php echo json_encode($php_array); ?>" by value='<?php echo json_encode($php_array); ?>'

Martin Buezas · Accepted Answer · 2017-03-10 15:40:32Z

1

It's not clear your end goal, is it posting via XHR (ajax)?

In that case I think using the form to pass the data is not required. You could just encode it to json and grab it on you JS file or block like this:

<script type="text/javascript">
  var details = <?php print(json_encode($php_array)) ?>;

  // using jQuery
  $('form').on('submit', function(e) {
    // use 'details' here as you need
    return false;
  });
</script>

answered Mar 10, 2017 at 15:40

Martin Buezas

4043 silver badges9 bronze badges

Comments

Md Nozibulla Bashar · Accepted Answer · 2017-03-10 16:23:42Z

0

Simply encode your variable to json using json_encode($php_array) then in the JavaScript side parse it back using JSON.parse()

answered Mar 10, 2017 at 16:23

Md Nozibulla Bashar

6756 silver badges10 bronze badges

Collectives™ on Stack Overflow

Pass php array from form to javascript file

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related