DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 在jQuery ajax中按鈕button和submit的區別分析
在jQuery ajax中按鈕button和submit的區別分析
編輯:JQuery特效代碼     
. 代碼如下:
<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更加方便操作。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved