使用jQuery ajax中按鈕button和submit的區別

昨天在使用jQuery ajax的post方法進行頁面傳值，無重新整理擷取資料展示，弄了半天就是沒有效果，看了半天也沒有語法錯誤，最後才終於明白問題出在哪裡.

<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更加方便操作。

（小談部落格原創，作者：談騰。轉載請註明出處！http://tanteng.sinaapp.com/2012/10/button-submit/）