在jQuery ajax中按鈕button和submit的區(qū)別分析
更新時間:2012年10月07日 01:20:39 作者:
昨天在使用jQuery ajax的post方法進行頁面?zhèn)髦?,無刷新獲取數(shù)據(jù)展示,弄了半天就是沒有效果,看了半天也沒有語法錯誤,最后才終于明白問題出在哪里
復制代碼 代碼如下:
<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一段數(shù)據(jù)。然而卻始終無法顯示傳回來的值。原因在這里:
復制代碼 代碼如下:
<input type="submit" name="submit" id="submit" value="提交" />
提交按鈕的類型是submit,點擊之后毫無反應。因為無意發(fā)現(xiàn)有次點擊瞬間結果出來了,又變回去了,于是發(fā)現(xiàn)詭異,上網(wǎng)一查,發(fā)現(xiàn)大部分都把按鈕設置成button類型,于是改成button之后,問題解決了。
按鈕button和submit有什么區(qū)別呢?
submit主要是提交表單,是一個特殊的button,執(zhí)行提交動作,button主要配合用javascript操作,本身就是一個按鈕,這是根本區(qū)別。如果要使用submit,驗證需要return false。本人覺得還是設置成button更加方便操作。
您可能感興趣的文章:
相關文章
jquery 獲取 outerHtml 包含當前節(jié)點本身的代碼
jQuery.html() 是獲取當前節(jié)點下的html代碼,并不包含當前節(jié)點本身的代碼,后來實驗發(fā)現(xiàn)有一個jQuery的一個方法可以解決2014-10-10jQuery實現(xiàn)鼠標劃過添加和刪除class的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標劃過添加和刪除class的方法,涉及jQuery鼠標事件及頁面樣式的相關操作技巧,需要的朋友可以參考下2015-06-06jquery點擊回車鍵實現(xiàn)登錄效果并默認焦點的方法
下面小編就為大家分享一篇jquery點擊回車鍵實現(xiàn)登錄效果并默認焦點的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03jquery點擊獲取動態(tài)數(shù)據(jù)進行傳參問題
這篇文章主要介紹了jquery點擊獲取動態(tài)數(shù)據(jù)進行傳參問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-12-12artDialog 4.1.5 Dreamweaver代碼提示/補全插件 附下載
artDialog是一個輕巧且高度兼容的javascript對話框組件,可讓你的網(wǎng)頁交互擁有桌面軟件般的用戶體驗2012-07-07