Accessing parts of a php array in a javascript for loop

Question

I'm trying to access and display elements of a php array in a javascript for loop, whenever I try and log out a value it always returns blank and I can't figure out why.

for(let i=0;i<"<?php echo sizeof($response['results']); ?>"; i++) {
    console.log(i);

    let divElement = document.createElement("div");
    divElement.className = "col col-6 col-md-4 col-lg-3";
    let h4Name=document.createElement('h4');
    h4Name.className="name";
    h4Name.innerHTML="<?php echo $response['results'][i]['name']?>;"
    console.log("<?php echo $response['results'][i]['name']?>");
    divElement.appendChild(h4Name);
    let h4Address=document.createElement('h4');
    h4Address.className="address";
    h4Address.innerHTML="<?php echo $response['results'][i]['formatted_address']?>";
    divElement.appendChild(h4Address);

    document.querySelector(".row").appendChild(divElement);
}

Surely the name and address fields don't contain HTML code, so don't assign them to innerHTML! — Peter
– Peter, Commented Apr 27, 2019 at 6:45

Eddie · Accepted Answer · 2019-04-27 06:07:28Z

2

You can't loop thru a JS array and access a corresponding PHP array. PHP is a back end code and JS (in this case) is a front end code.

One option you have is to have a result variable in javascript and use that array to loop.

Like:

//Put the PHP array into a JS variable
const results = <?php echo json_encode( $response['results'] );?> 

//Loop thru the JS variable 
for (let i = 0; i < results.length; i++) { 
    //Access object property as results[i]['formatted_address'] or results[i].formatted_address
    //.........
}

edited Apr 27, 2019 at 6:07

answered Apr 27, 2019 at 5:58

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

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

1 Comment

Peter Over a year ago

Worth mentioning that this also correctly protects from all kinds of JS injections that are possible in the original code.

Collectives™ on Stack Overflow

Accessing parts of a php array in a javascript for loop

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related