在網(wǎng)頁(yè)開(kāi)發(fā)中，PHP是一種重要的后端語(yǔ)言，而JavaScript（JS）則是最常用的客戶端腳本語(yǔ)言。雖然兩種語(yǔ)言可以獨(dú)立運(yùn)行，但有時(shí)您可能需要在JS中輸出PHP內(nèi)容。這篇文章將幫助您了解如何在JS中輸出PHP代碼和內(nèi)容。
有些場(chǎng)合需要在JS中根據(jù)PHP變量動(dòng)態(tài)創(chuàng)建HTML元素。這時(shí)可以在PHP中將變量賦值給JavaScript變量，然后再使用JS輸出HTML元素。例如，以下PHP代碼展示了如何將PHP中的變量傳遞給JS：
<?php
$name = "Lily";
?>
<script>
var name = "<?php echo $name; ?>";
document.write("Hello, " + name);
</script><script type="text/javascript">
var name = "Mike";
var age = 25;
var postcode = "430000";
var phpCode = "<?php ";
phpCode += "echo 'Name: ' . $name . '<br>';";
phpCode += "echo 'Age: ' . $age . '<br>';";
phpCode += "echo 'Postcode: ' . $postcode;";
phpCode += "?>";
// Output the generated PHP code
document.write(phpCode);
</script><?php
function calculateSum($x, $y) {
return $x + $y;
}
?>
<html>
<head>
<script>
function calculate() {
var x = document.getElementById("x").value;
var y = document.getElementById("y").value;
// Send a request to the server
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xhttp.open("GET", "calculate.php?x=" + x + "&y=" + y, true);
xhttp.send();
}
</script>
</head>
<body>
<input type="text" id="x">
<input type="text" id="y">
<button onclick="calculate()">Calculate</button>
<div id="result"></div>
</body>
</html>上一篇js鍵入php