SubmitFormData作為Json（更新w/o頁面重繪-有解無憂

我正在處理帶有 oa 頁面重繪的提交表單。下面是我的代碼，它運行良好。如果我可以將資料以 Json 格式發送到我的 back.php 檔案會更容易，所以我不需要在腳本部分宣告 al 變數。有沒有辦法從 json 表單中發送資料并在我的 back.php 檔案中對其進行解碼？這會讓我的生活更輕松。謝謝！

前臺.php

<script>
    function SubmitFormData() {
        var vorname = $("#vorname").val();
        var nachname = $("#nachname").val();
        $.post("back.php", {
                vorname: vorname,
                nachname: nachname
            },
            function(data) {
                $('#results').html(data);
                $('#myForm')[0].reset();
            });
    }
</script>

<form id="myForm" method="post">
    Name: <input name="vorname" id="vorname" type="text" /><br/>
    Name: <input name="nachname" id="nachname" type="text" /><br/>
    <input type="button" id="submitFormData" onclick="SubmitFormData();" value="Submit" />
</form>

<div id="results">
    <!-- All data will display here  -->
</div>

回傳.php

// Here some Json decode?

// get values form input text and number
$vorname = $_POST['vorname'];
$nachname = $_POST['nachname'];

// Update SQL table with prepared statement
$query =   "UPDATE users  
                SET vorname = :vorname, nachname = :nachname  
                WHERE id = :user_id";
$pdoResult = $pdo->prepare($query);
$pdoExec = $pdoResult->execute(array(":vorname" => $vorname, ":nachname" => $nachname, ':user_id' => 2));
if ($pdoExec) {
    $success_msg = "Erfolgreich!";
} else {
}

uj5u.com熱心網友回復：

這應該適合你：

JQuery您可以使用該$("#idOfYourForm").serialize()表格；

該.serialize()方法以標準 URL 編碼表示法創建文本字串。

因此，在您的腳本中，您將執行以下操作：

function SubmitFormData() {

   //in your case your form id its #myForm
   var formValues = $("#myForm").serialize();
   $.post("back.php", formValues,
        function(data) {
             $('#results').html(data);
             $('#myForm')[0].reset();
        }
   );
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/472060.html

標籤：json 阿贾克斯形式提交

上一篇：PHP腳本僅適用于Chrome

下一篇：未捕獲的ReferenceError：資料未在HTMLDocument中定義。<匿名