html ajax提交表单实例,Ajax提交表单并接收json实例代码
生活随笔
收集整理的這篇文章主要介紹了
html ajax提交表单实例,Ajax提交表单并接收json实例代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
需求:
實現點擊按鈕后,數據以表單形式提交至服務器,并接收來自服務器的返回數據。過程中頁面不刷新。
html代碼
xingming:
nianling:
ajax提交
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代碼
$name = $_POST['xingming'];
$age = $_POST['nianling'];
$myarray = array("name"=>$name, "age"=>$age);
$myjson = json_encode($myarray);
echo $myjson;
?>
以上所述是小編給大家介紹的Ajax提交表單并接收json實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
總結
以上是生活随笔為你收集整理的html ajax提交表单实例,Ajax提交表单并接收json实例代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 台式计算机l小时耗电,电脑一天的耗电量是
- 下一篇: html css整理笔记,HTML CS