Menu
I know this has been answered many times but what i am looking for is the passing of variables within the same page. I understand that PHP is a server side script while JS is the client side thus when the page loads, it will load PHP before JS thus it is impossible to do so.
What i am seeking is an alternative method to perform my JS task which is to take the value after the ? in the address bar (//localhost/Task/delete.php?ID=1). Else alternatively is there a way around passing the variable into PHP as the value will be used to execute a SQL query.
Thanks
<script language="javascript" type="text/javascript" >
var url = window.location.href;
var params = url.split('?ID=');
var fdf = (params[1])
alert(fdf);
</script>
<?php
$random = $_GET["fdf"];
echo $random;
?>
390
asked Mar 11 '26 10:03
HTML Code
<div id="content"></div>
Javascript Code
$(document).ready(function(){
var url = window.location.href;
var params = url.split('?ID=');
var id = (params[1]);
$.ajax({
type:"POST",
url:"page.php",
data:{id:id},
success:function(result){
$("#content").html(result);
}
});
});
PHP Code: page.php
<?php
$random = $_POST["id"];
echo $random;
?>
Complete One page code: demo.php
Note: URL for this page must be demo.php?ID=someValue
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<script src="js/jquery.js"></script>
<script>
$(document).ready(function(){
var url = window.location.href;
var params = url.split('?ID=');
var id = (params[1]);
$("#submit").click(function(){ $.ajax({
type:"POST",
url:"demo.php",
data:{id:id},
success:function(result){
$("#content").html(result);
$("#submit").hide();
}
});
});
});
</script>
</head>
<body>
<button id="submit">Click Me</button>
<div id="content"></div>
</body>
</html>
<?php
$random = $_POST["id"];
echo $random;
?>
Note: Don't forget to include jquery library file
191
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
