在網頁開發中，獲取后端數據是必不可少的。而PHP作為一種流行的后端語言，很多網站都采用它作為后臺，那么如何使用JavaScript獲取PHP的數據呢？本文將為大家介紹相關知識，帶有詳細的代碼示例。 在前端通常是利用Ajax技術獲取后端數據，而JavaScript中提供了XMLHttpRequest對象用于創建HTTP請求。通過Ajax請求，前端可以向后端服務器發送請求并獲取響應結果，這樣可以使頁面的數據動態展示，增強用戶體驗。 例如，在下面的代碼中，我們演示了如何向PHP服務器（localhost）請求數據，并在Web頁面上輸出響應結果。

<script>
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
let response = xhr.responseText;
document.getElementById('output').innerHTML = response;
}
}
xhr.open('GET', 'http://localhost/data.php', true);
xhr.send();
</script>
<p id="output"></p>

在這段代碼中，我們使用XMLHttpRequest對象發送一個GET請求到http://localhost/data.php。服務器返回的響應結果將被存儲為responseText，然后展示在Web頁面的output元素中。 通常情況下，在PHP中，數據是通過SQL查詢語句從數據庫中獲取的。下面是一個示例，使用PHP連接MySQL數據庫，并從中選取一條記錄，并將其返回給前端。

<?php
$host = 'localhost';
$username = 'root';
$password = '';
$db_name = 'test_db';
$conn = new mysqli($host, $username, $password, $db_name);
if ($conn->connect_error) {
die('連接失敗: ' . $conn->connect_error);
}
$sql = "SELECT * FROM users WHERE id = 1";
$result = $conn->query($sql);
if ($result->num_rows >0) {
while($row = $result->fetch_assoc()) {
echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Age: " . $row["age"]. "<br>";
}
} else {
echo "0 結果";
}
$conn->close();
?>

這段PHP代碼將從名為“test_db”的數據庫中選擇id為1的記錄，并將其信息顯示到Web頁面上，以供前端利用。同樣的，我們可以在前端使用Ajax技術來獲取PHP的響應結果并在Web頁面上展示。 以上是本篇文章介紹的相關知識和示例，通過使用JavaScript的XMLHttpRequest對象，可以方便地向PHP服務器發送請求并獲取響應結果。同時，通過PHP連接數據庫并將數據從后端傳遞到前端，為Web頁面提供了更多的數據展示和處理方式。