Access to a PHP array element from Javascript function

Question

I am trying to set some fields of a form with the values of an array.

I have an array like this:

Array
    {
        'elementID1' => Array
                           {
                               'id1' => 'some value',
                               'id2' => 'some value',
                               'id3' => 'some value',
                               ...
                           }
        'elementID2' => Array
                           {
                               'id1' => 'some value',
                               'id2' => 'some value',
                               'id3' => 'some value',
                               ...
                           }
        ...
    }

The array is filled with the response of a webservice to whom I sent some parameters with a form. Once I filled the array, I draw a table and iterate over the array.

<table width = "100%" border = "1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
        <th>View details</th>
    </tr>
    <?php
        foreach($array as $id => $detail)
        {       
            echo "<tr>";
                echo "<td>";
                    if(array_key_exists('id1', $detail))
                        echo $detail['id1'];
                echo "</td>";
                echo "<td>";
                    if(array_key_exists('id2', $detail))
                        echo $detail['id2'];
                echo "</td>";
                echo "<td>";
                    if(array_key_exists('id3', $detail))
                        echo $detail['id3'];
                echo "</td>";
                echo "<td>";
                    echo "<a href = \"javascript:equisYe('" . $id . "')\">View more</a>";
                echo "</td>";
            echo "</tr>";
        }
    ?>
</table>

Now, here comes the problem, as you can see there is a fourth column called View details, this column is filled with a hyperlink that calls a javascript function with the elementID value of the specific row as parameter.

A little more below I have the script:

<script>
    function equisYe(id)
    {
        var equis = "<?php echo $array['" + id + "']['IncidentID']; ?>";
        alert(equis);
    }
</script>

When I click on the hyperlink doen't happen anything, I think the problem has something to do with the special characters inside the quote punctuations. In my browser, when I inspect one of the hyperlinks, it shows the following message inside de scripts tags:

function equisYe(id)
{
    var equis = "<br />
    <b>Notice</b>:  Undefined index:  + id +  in <b>
";
    alert(equis);
}

That means, for some reason, the strings aren't concatenating, and if I delete a 'p' from php tag in the equis var like this:

var equis = "<?ph echo $array['" + id + "']['IncidentID']; ?>";

Then the alert shows this:

"<?ph echo $array['10']['IncidentID']; ?>"

So, it works when it doesn't have the php tags.

after your page loads, you could iterate over your table in javascript and update the html links with the values you need. — devlin carnate
– devlin carnate, Commented Oct 22, 2015 at 22:32
either preload the array into json encode or just simply use an xmlhttprequest — Kevin
– Kevin, Commented Oct 22, 2015 at 22:45
@Ghost, equisye method is not like the one I write above (It will not just pop up an alert), it will set the values of some form fields. — Alexis Lozano
– Alexis Lozano, Commented Oct 22, 2015 at 22:46

Derek · Accepted Answer · 2015-10-22 22:29:24Z

1

The other answer is correct, but not explaining it at all (or even politely). The PHP stuff runs before your Javascript stuff does. You'll never get this to work this way, unfortunately. If it was the other way around, it might work, but this isn't going to work the way you have it.

The only way to have something like this working is to have the ID value chosen in advance and have PHP set something in Javascript. Javascript can never set a PHP value simply by virtue of PHP being run prior to the page being served and Javascript being run after the page is served.

answered Oct 22, 2015 at 22:29

Derek

1121 silver badge9 bronze badges

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

Comments

Johan · Accepted Answer · 2015-10-22 22:24:59Z

0

dude... javascript executes on client(browser) and php on server; you CANNOT do that

answered Oct 22, 2015 at 22:24

Johan

1187 bronze badges

2 Comments

Alexis Lozano Over a year ago

Really? Even though the array is created before the execution of the javascript function?

Johan Over a year ago

You can dump the array as a js variable use json_encode then you access it from javascript

Deepak anand · Accepted Answer · 2015-10-22 22:29:12Z

0

try to use <? ?> instead of <?php ?>

answered Oct 22, 2015 at 22:29

Deepak anand

673 bronze badges

Comments

James · Accepted Answer · 2015-10-22 22:33:57Z

0

Everyone is correct in that you can't simply call PHP functions from Javascript without performing some kind of HTTP request.

Since you already have the "IncidentID" in php while you're generating the page, you can simply write it to the page.

instead of

echo "<td>";
echo "<a href = \"javascript:equisYe('" . $id . "')\">View more</a>";
echo "</td>";

do

echo "<td>";
echo "<a href = \"javascript:alert('" . $detail['IncidentID'] . "')\">View more</a>";
echo "</td>";

answered Oct 22, 2015 at 22:33

James

22.4k5 gold badges29 silver badges44 bronze badges

2 Comments

Alexis Lozano Over a year ago

Yeah, but it would only bring me a single value and I need all the array, that's why I try to send the id of an element of the array to access all the elements inside that element (like IncidentID, Status, etc.).

James Over a year ago

Yup, either reproduce your php array in javascript, or do HTTP requests to get the values from the server then.

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

You can use data attribute to pass the $id to js, always using the DOM.

Check this: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Then use a click event in "view details" to get the data from element and trigger the function, this way you will be abble to work with it

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 22, 2015 at 22:52

MattioniX

11 bronze badge

Collectives™ on Stack Overflow

Access to a PHP array element from Javascript function

5 Answers 5

Comments

2 Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related