首頁  >  文章  >  web前端  >  在jQuery ajax中按鈕button和submit的區別分析

在jQuery ajax中按鈕button和submit的區別分析

高洛峰
高洛峰原創
2017-01-11 11:36:361055瀏覽

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#submit").click(function(){ 
$.post("sendPwd.php",{QQnum:$("#QQnum").val(),psw:$("#psw").val()},function(data){ 
$("#aaa").html(data); 
},"html"); 
}); 
}); 
</script>

jQuery ajax的post方法這樣寫應該是沒有問題的,點選submit提交按鈕,sendPwd.php透過$_POST接收傳過來的值,然後echo一段資料。然而卻始終無法顯示傳回來的數值。原因在這裡: 

<input type="submit" name="submit" id="submit" value="提交" />

提交按鈕的類型是submit,點擊後毫無反應。因為無意發現有次點擊瞬間結果出來了,又變回去了,於是發現詭異,上網一查,發現大部分都把按鈕設定成button類型,於是改成button之後,問題解決了。 

按鈕button和submit有什麼差別呢? 
submit主要是提交表單,是一個特殊的button,執行提交動作,button主要配合用javascript操作,本身就是一個按鈕,這是根本區別。如果要使用submit,驗證需要return false。本人覺得還是設定成button比較方便操作。

更多在jQuery ajax中按鈕button和submit的區別分析相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn