JavaScript / jQuery concatenating variables

Question

To start with this. I have an associative array named $body (PHP).

Let's say I want to get the value of $body[1] or $body[2], depending on the id of an element.

So here's my code.

$(document).ready(function() {
  $('.messages').on('click', function() {
    var id = $(this).attr('id');
    $('#generic-modal-title').html('Message Preview');
    $('#generic-modal-body').html('" . $body[-concatenate id here-] . "');
  });
})"

What I tried doing (doesn't work):

$('#generic-modal-body').html('" . $body["id"] . "');

@Teemu ohh, so I have to use a PHP variable inside the `[ ]`? — Jan Ariel San Jose, Feb 13 '18 at 12:50
Äh ... What? No ... https://stackoverflow.com/questions/13840429/what-is-the-difference-between-client-side-and-server-side-programming — Teemu, Feb 13 '18 at 12:53
You can't achieve what you want this way. You've to create the possible values into JS, either hardcode them, or make a static array with PHP before loading the page. You can't dynamically execute PHP at client-side. Possible duplicate of [What is the difference between client-side and server-side programming?](https://stackoverflow.com/questions/13840429/what-is-the-difference-between-client-side-and-server-side-programming) — Teemu, Feb 13 '18 at 13:01
Possible duplicate of [How to pass variables and data from PHP to JavaScript?](https://stackoverflow.com/questions/23740548/how-to-pass-variables-and-data-from-php-to-javascript) — kravis, Feb 13 '18 at 13:11

score 0 · Answer 1 · answered Feb 13 '18 at 13:15

Check this out i have tested this working fine as you required

<?php $body = array(0 => "content") ?>

<script>
$(document).ready(function() {
  var id  = 0;
  <?php echo "var body = " . json_encode($body) .";"; ?>
  $('#generic-modal-body').html(body[id]);
});

<div id="generic-modal-body"></div>

JavaScript / jQuery concatenating variables

1 Answers1