How can I pass a PHP array as an argument to a JavaScript function

Question

It's just an example, but with this code, it works. But if I change 5 to "5" and 10 to "10" I got an Unexpectid ending syntax error for the echo line

PHP

$array = array();
$array[0] = 10;  
$array[1] = 5; 
$json = json_encode($array);

echo "<td style=\"background: red;\"><button onclick=\"modifyModalContent('$day_date_column','$i',$json) ... (really long line)

JS

function modifyModalContent(date, id, array) {
  var header = document.querySelector(".modal-header");
  var body = document.querySelector(".modal-body");

  var table =
  `
  <table class="table table-bordered table-hover">
    <tr>    
      <td>${array[0]}<td>
      <td>${array[1]}<td>
    </tr>
  </table>
  `;

  body.innerHTML = table;

  header.innerHTML = `<h1> Date: ${date}</h1></br><h1>ID: ${autoid}</h1>`;
}

The two echo line after run:

That works:

<tr style="height: 137px;"><td style="background: red;"><button onclick="modifyModalContent('2019-01-21','1',[10,5])" ... (long line)

And if I use it with a string array got error on this:

<tr style="height: 137px;"><td style="background: red;"><button onclick="modifyModalContent(2019-01-21,1,["10","5"])" ... (long line)

How could I do the same with an array like this:

$array = array();
$array[0] = "10";  
$array[1] = "5";

I guess the problem is because of the " char, but How could I fix it?

Look at the output of the problem line, you have unescaped quotes in quotes, you need to escape them — Patrick Evans
– Patrick Evans, Commented Jul 15, 2019 at 12:38
You can do $json = str_replace('"', "'", json_encode($array)); — dWinder
– dWinder, Commented Jul 15, 2019 at 12:44
Possible duplicate of How to properly escape quotes inside html attributes? — Sayed Mohd Ali
– Sayed Mohd Ali, Commented Jul 15, 2019 at 12:49

kshetline · Accepted Answer · 2019-07-15 12:40:37Z

3

I'd recommend using the PHP function htmlspecialchars -- that will not only take care of issues with quotes, but any other characters (&, <, >} that should be turned into HTML entities before being used as HTML attribute values.

$json = htmlspecialchars(json_encode($array));

answered Jul 15, 2019 at 12:40

kshetline

14k6 gold badges49 silver badges96 bronze badges

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

Comments

Guerric P · Accepted Answer · 2019-07-15 12:35:16Z

1

Replace ["10","5"] with ['10','5']

More information about simple and double quotes: When to use double or single quotes in JavaScript?

answered Jul 15, 2019 at 12:35

Guerric P

32k6 gold badges61 silver badges109 bronze badges

2 Comments

AME Over a year ago

The array is in a variable, I call it like modifyModalContent('$day_date_column','$i',$json). Can I change the " to ' in that $json array ?

Guerric P Over a year ago

Yes you can do it with PHP

Collectives™ on Stack Overflow

How can I pass a PHP array as an argument to a JavaScript function

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related