如何在不刷新頁面的情況下將 JavaScript 變數傳送到 PHP？

在不刷新頁面的情況下將JavaScript 變數傳送到PHP 變數

問題：

如何將JavaScript 變數發送到PHP 變量，特別是當單擊按鈕時，使用它來檢索資料而不刷新頁？

解決方案：

儘管PHP 等伺服器端語言和JavaScript 等客戶端語言是分開運行的，但您可以使用AJAX 技術將JavaScript 變數傳送到PHP 。具體方法如下：

從 JavaScript 到 PHP：

1. XMLHttpRequest 物件： 建立一個 XMLHttpRequest 物件來處理 AJ

var xhr = new XMLHttpRequest();

2. 事件監聽器：為按鈕新增事件監聽器，點擊時觸發AJAX請求。

document.getElementById("myButton").addEventListener("click", function() {
    // Your code to send the variable
});

3. AJAX 請求： 在事件監聽器內，使用XMLHttpRequest.open() 方法開啟新連接，指定HTTP 方法、URL 端點和非同步模式。然後，使用 XMLHttpRequest.send() 傳送資料。

xhr.open("POST", "myphpfile.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("variable=" + theContents);

從 PHP 到 JavaScript：

在 PHP 伺服器上，您可以存取使用 $_POST 超全域變數從 JavaScript 傳送的變數變數。

$phpvariable = $_POST['variable'];

注意：您可以根據需要繼續在 PHP 程式碼中使用 $phpvariable，例如資料庫查找。

以上是如何在不刷新頁面的情況下將 JavaScript 變數傳送到 PHP？的詳細內容。更多資訊請關注PHP中文網其他相關文章！