i have this code
function getPackage(id) {
console.log(id)
}<button onClick="getPackage('.$rRow["id"].')" type="button" data-bs-toggle="modal" data-bs-target="#exampleModalScrollable" data-bs-placement="top" onClick="myFunction();" title="Download Playlist" class="btn btn-light waves-effect waves-light btn-xs" ><i class="mdi mdi-video-switch"></i></button>so when i clic on button i pass the value of id to a function getPackage()
and i can see the value in console.log(id)
now i have a php code :
<?php $rUser = getUser("61"); ?>
my question is how i can pass the value of js variable console.log(id) to my php code ?? i need to change the number "61" by the js variable id , for exemple like this :
<?php $rUser = getUser("id"); ?>
any one have idea ? thank you
By writing PHP code and JS in the same file as you did is to dynamic generate client's side HTML/JS code using PHP, the direction is [server->client], so using this method will never able to send information from client to server.
You've two solutions:
You may try JQuery to ease up using JS For option no.2
If you're using pure JS, then use this:
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// Typical action to be performed when the document is ready:
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "your link", true);
xhttp.send();
If you're going to use JQuery, then use this:
$.ajax({
url: "test.html",
data: "param1=value1¶m2=value2",
method: "POST" // OR GET
}).done(function() {
// X: Code here will only run after server responded
});
// Y: Code here will run first before X