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