submitformdata as json（w/o页面刷新更新

Question

我正在研究我的提交表格，其中包括OA页面刷新。下面是我的代码，它运行得很好。如果我可以以JSON格式将数据发送到我的back.php文件，那么我不需要在脚本部分中声明Al变量，这将变得更加容易。有没有一种方法可以从JSON中的表单中发送数据并在我的back.php文件中对其进行解码？这将使我的生活更加轻松。谢谢你！

front.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>

back.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 {
}

Answer 1

这应该对您有用：

使用jQuery您可以使用$（“＃iDofyourform”）。serialize（） to表单;

.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();
        }
   );
}