在 javaScript 和 php 之间传输数据

Question

for (let index = 0; index < <? php echo $w_hours?>; index++) {
      table += "<td>" + '<? php $a=0; echo $tab [0]->sch [0] [index] ;>' +"</td>";
}

How to use index here, I have also tried using $a=0 and here global $a and then instead of using index I used $a++ , but still it doesn't increment.

Answer 1

I think you are trying to render a table using Javascript for the data that is available in PHP script.

What you need to do is assign the data from PHP to Javascript and then Javascript will be able to use this data to generate the table.

If the data is JSON encodable you can have PHP transfer data to a Javascript variable using:

var dataString = '<?php echo json_encode($tab); ?>';
var tab = JSON.parse(dataString);

var tableRows = '';

tab.forEach((row, index) => {
    //  You can console.log(row) here to check the structure of data in row
    //  and accordingly modify the next line to get desired output
    tableRows = tableRows + '<tr><td>' + row['sch'][0][index] + '</td></tr>';
});

Answer 2

js run on browser and PHP runs on server so obviously, their loop does not have to do anything with each other.

ideally you would get json object from php to js and then js iterate over it.

so it should be like this

var x = '<?php echo json_encode( $tab[0]->sch[0]);?>';
var w_hours = parseInt('<?php echo $w_hours?>');

Parse it

var rows = JSON.parse(x);  // https://www.w3schools.com/js/js_json_parse.asp

Now you should be able to use for loop on it.

for (let index = 0; index < w_hours ; index++) {
      table += "<td>" + rows[index] + "</td>";
}