< p >JS中的AJAX技術是現代Web開發中經常使用的一種技術,可以實現與服務器端的異步交互。通過HTTP請求,前端可以向后端發送請求并接收響應數據。AJAX技術可以使網站更加靈活,且協助開發新型Web應用。通過對AJAX技術的學習,我們可以了解如何使用它來將數據傳遞到PHP中。 p >< p >AJAX經常被用來與PHP進行交互。使用AJAX技術,前端 JavaScript代碼可以向PHP腳本發送請求并獲取響應數據。這樣一來,客戶端就無需刷新整個頁面,也無需在一次請求中獲得大量數據。 p >< pre >function sendToServer(data) {
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (this.readyState === 4 && this.status === 200) {
console.log(this.responseText);
}
};
xhr.open("POST", "server.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(data);
} pre >< p >上面的代碼片段說明了如何使用XMLHttpRequest對象來向PHP發送POST請求。請注意,請求頭需要設置Content-type才能正確發送POST請求。而且,MySQL數據庫也需要進行正確配置,以便可以將數據正確地存儲和檢索。 p >< pre >connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$data = json_decode(file_get_contents("php://input"), true);
$item = $data['itemName'];
$qty = $data['itemQty'];
$sql = "INSERT INTO MyGuests (firstname, lastname, email)
VALUES ('John', 'Doe', 'john@example.com')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "
" . $conn->error; } $conn->close(); ?> pre >< p >上面的PHP代碼表明如何處理接收自JavaScript代碼的POST請求。通過使用 file_get_contents("php://input")來接收POST請求的內容,并使用json_decode()方法來生成包含數據的數組。此后,可以將這些數據插入MySQL數據庫中。PHP腳本之后將向 JavaScript 操作返回反饋信息。 p >< p >通過上面的代碼片段,我們可以看到如何將JS中的數據通過AJAX技術發送至PHP后端,并在PHP后端進行處理。這讓我們可以在構建Web應用時更加方便地進行數據傳遞及處理,提升了網站的用戶體驗。 p >
" . $conn->error; } $conn->close(); ?> pre >< p >上面的PHP代碼表明如何處理接收自JavaScript代碼的POST請求。通過使用 file_get_contents("php://input")來接收POST請求的內容,并使用json_decode()方法來生成包含數據的數組。此后,可以將這些數據插入MySQL數據庫中。PHP腳本之后將向 JavaScript 操作返回反饋信息。 p >< p >通過上面的代碼片段,我們可以看到如何將JS中的數據通過AJAX技術發送至PHP后端,并在PHP后端進行處理。這讓我們可以在構建Web應用時更加方便地進行數據傳遞及處理,提升了網站的用戶體驗。 p >