如何使用 AJAX 將資料發佈到 PHP 檔案而不重新載入頁面？

問題：在$.load 中發布表單遇到困難

嘗試點擊按鈕執行程式碼時，遇到發布資料未成功傳輸到的問題名為“MonsterRequest.php”的指定PHP 檔案。相反，頁面會自行重新加載，就像資料正在發送到主父頁面一樣。目標是在不導致頁面重新載入的情況下發布資料。

說明：

AJAX：非同步 JavaScript 和 XML

要了解此問題，熟悉 AJAX 很重要。 AJAX 是 Web 開發中使用的技術，可讓 Web 瀏覽器和 Web 伺服器之間進行資料交換，而無需重新載入頁面。這可以使用 JavaScript 中的 XMLHttpRequest 物件來實現，該物件會異步向 Web 伺服器發送請求。

在您的程式碼中，您使用 $.load 將「MonsterRequest.php」檔案載入到「CenterPiece」div 中。但是，此方法不適合發布資料。它主要用於將外部內容載入到指定元素中。

解決方案：

要在不重新載入頁面的情況下發布數據，您應該使用 $.ajax 方法。此方法可讓您將非同步資料傳送到伺服器端腳本並接收回應，而不會影響主頁內容。

這是使用$.ajax 的程式碼的修改版本：

    Readthis = "MonsterRequest.php?id=<?php echo $_REQUEST['id']; ?>&Mon=";
    TestVar = TestVar.replace(/\s/g, "");
    Readthis = Readthis + htmlencode(TestVar);

    $.ajax({
        url: Readthis,
        type: "POST",
        data: {
            Mon: TestVar
        },
        success: function(data) {
            // Handle the server response here (e.g., display data in the "CenterPiece" div)
        }
    });

在這段程式碼中，$.ajax 方法用於將「TestVar」變數中包含的資料傳送到“MonsterRequest.php”，而無需重新載入頁面。 「success」函數可用於處理伺服器的回應並根據需要更新 DOM。

以上是如何使用 AJAX 將資料發佈到 PHP 檔案而不重新載入頁面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！