為什麼我的 jQuery 表單資料未到達伺服器？

jQuery 和PHP：序列化和提交表單

您遇到以下問題：儘管使用了表單，但表單中的資料並未發送到伺服器jQuery 來序列化它。問題在於您處理表單提交的方式。

在 JavaScript 程式碼中，您應該使用 $.ajax() 函數，而不是已棄用的 $.post()。 $.ajax() 函數提供了更大的靈活性和自訂選項。以下是更新的 JavaScript 程式碼：

<code class="javascript">$(document).ready(function(e) {

    $("#contactForm").submit(function(event) {
        event.preventDefault(); // Prevent default browser form submission

        var datastring = $("#contactForm").serialize();

        $.ajax({
            type: "POST",
            url: "getcontact.php",
            data: datastring,
            dataType: "json",
            success: function(data) {
                // Parse and handle server response
            },
            error: function() {
                // Handle error
            }
        });

        return false;
    })
});</code>

在更新後的程式碼片段：

• 新增了 event.preventDefault() 以防止預設瀏覽器表單提交。
• dataType: "json" 用於期望來自伺服器的 JSON 回應。

確保您的 PHP 腳本 (getcontact.php) 正確使用 $_POST 取得資料。如果資料仍未到達伺服器，請檢查潛在的伺服器設定問題，例如停用的表單資料解析或不正確的安全設定。此外，請確認 jQuery 庫已正確包含並載入到頁面上。

透過執行以下步驟，您應該能夠解決資料未正確提交的問題。

以上是為什麼我的 jQuery 表單資料未到達伺服器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！