HTML中獲取PHP中的變量的值是在前端開發中非常常見的需求。無論是用戶輸入的表單數據，還是后端傳遞的數據，我們需要將這些變量的值顯示在HTML頁面中，以便用戶能夠看到或者做相關操作。通常情況下，我們可以通過將PHP中的變量值傳遞給HTML頁面中的JavaScript來實現這一目的。接下來，我們將詳細介紹幾種常用的方法。
假設我們有一個PHP文件（example.php），其中聲明了一個名為“name”的變量，并賦予了一個值“John”。我們希望在HTML頁面中顯示這個變量的值。一種直接的方法是使用JavaScript來獲取并顯示這個變量的值。
首先，我們在HTML文件中引入一個JavaScript腳本。然后，在JavaScript中，我們可以使用Ajax技術來發送一個HTTP請求，并在服務器端運行PHP腳本，從而獲取“name”變量的值。以下是實現這一目的的代碼：
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
axios.get('example.php') // 發送HTTP GET請求
.then(function (response) {
var name = response.data.name; // 從響應中獲取變量值
document.getElementById('name').innerHTML = name; // 顯示變量值
})
.catch(function (error) {
console.log(error);
});
</script>
<html>
<body>
<h1>Hello, <?php echo $name; ?>!</h1>
</body>
</html>