這次帶給大家怎樣用Ajax提交表單並接收其中的json數據，用Ajax提交表單並接收其中json數據的注意事項有哪些，下面就是實戰案例，一起來看一下。
需求：
實現點擊按鈕後，資料以表單形式提交至伺服器，並接收來自伺服器的回傳資料。過程中頁面不刷新。
html程式碼
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="./testajaxjs.js"></script> <head> </head> <body> <form id="form1"> <p>xingming:<input type="text" name="xingming"/></p> <p>nianling:<input type="text" name="nianling"/></p> </form> <button type="button" id="mybt" onclick="mysubmmit()"> ajax提交 </button> </body> </html>
js程式碼
function mysubmmit(){
$.ajax({
type: "POST",
url: "testajaxend.php",
data: $('#form1').serialize(),
async: false,
success: function(databack){
//console.log("chenggong");
console.log(databack);
},
error: function(request){
console.log("shibaile");
}
});
}後端php程式碼
<?php
$name = $_POST['xingming'];
$age = $_POST['nianling'];
$myarray = array("name"=>$name, "age"=>$age);
$myjson = json_encode($myarray);
echo $myjson;
?>相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是怎樣用Ajax提交表單並接收其中的json數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！
