javascript - I need to pass JS var into php var inside JS function

Question

I need to pass a javascript variable value to a php variable and both of them are inside a javascript function!

function addOrderItem(selectedRow) {
    var rowData = productsTable.row(selectedRow).data();
    if(rowData.type == "collection") {
        var orderItemBlock = "<div id='TextBoxDiv'>"+
            "<input type='button' class='accordion' value='"+rowData.id+" "+rowData.name+"'>"+
            "<div class='panel'>"+
                "<?php"+
                    "$collectionID=000;"+ //I need to pass JS var "rowData.id" value here
                "?>"+
            "</div>"+
        "</div>";
    }
}

I need to pass the value of rowData.id to $collectionID

Inside the php section, I'm fetching values from database to print it and it works fine!

I tried the following but nothing is working!

$collectionID = "<script>rowData.id</script>";
$collectionID = "<script>document.writeln(rowData.id);</script>";

Answer 1

You can pass data from client to server via requests. You can have your javascript call an XHR with the variable as parameter and create a script on your PHP that handles this request.