Ajax提交表單并接收json實例代碼

來源：懂視網責編：小采時間：2020-11-27 22:51:34

Ajax提交表單并接收json實例代碼

Ajax提交表單并接收json實例代碼:需求：實現點擊按鈕后，數據以表單形式提交至服務器，并接收來自服務器的返回數據。過程中頁面不刷新。 html代碼 <html xmlns=http://www.w3.org/1999/xhtml> <meta http-equiv=Content-Type content=tex

推薦度：

點擊下載本文 文檔為doc格式

導讀Ajax提交表單并接收json實例代碼:需求：實現點擊按鈕后，數據以表單形式提交至服務器，并接收來自服務器的返回數據。過程中頁面不刷新。 html代碼 <html xmlns=http://www.w3.org/1999/xhtml> <meta http-equiv=Content-Type content=tex

需求：

實現點擊按鈕后，數據以表單形式提交至服務器，并接收來自服務器的返回數據。過程中頁面不刷新。

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;
?>

以上所述是小編給大家介紹的Ajax提交表單并接收json實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Ajax提交表單并接收json實例代碼

推薦度：

點擊下載本文 文檔為doc格式

標簽：請求提交表單

熱門焦點

Ajax提交表單并接收json實例代碼

Ajax提交表單并接收json實例代碼

Ajax提交表單并接收json實例代碼

最新推薦

猜你喜歡

熱門推薦