在jQuery ajax中按鈕button和submit的區(qū)別分析
更新時間：2012年10月07日 01:20:39 作者：
昨天在使用jQuery ajax的post方法進行頁面?zhèn)髦担瑹o刷新獲取數(shù)據(jù)展示，弄了半天就是沒有效果，看了半天也沒有語法錯誤，最后才終于明白問題出在哪里
復(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方法這樣寫應(yīng)該是沒有問題的，點擊submit提交按鈕，sendPwd.php通過$_POST接收傳過來的值，然后echo一段數(shù)據(jù)。然而卻始終無法顯示傳回來的值。原因在這里：
復(fù)制代碼 代碼如下:
<input type="submit" name="submit" id="submit" value="提交" />
提交按鈕的類型是submit，點擊之后毫無反應(yīng)。因為無意發(fā)現(xiàn)有次點擊瞬間結(jié)果出來了，又變回去了，于是發(fā)現(xiàn)詭異，上網(wǎng)一查，發(fā)現(xiàn)大部分都把按鈕設(shè)置成button類型，于是改成button之后，問題解決了。
按鈕button和submit有什么區(qū)別呢？
submit主要是提交表單，是一個特殊的button，執(zhí)行提交動作，button主要配合用javascript操作，本身就是一個按鈕，這是根本區(qū)別。如果要使用submit，驗證需要return false。本人覺得還是設(shè)置成button更加方便操作。
您可能感興趣的文章:
- button沒寫type=button會導(dǎo)致點擊時提交
- input、button的不同type值在ajax提交表單時導(dǎo)致的陷阱
- JavaScript在form表單中使用button按鈕實現(xiàn)submit提交方法
- JS button按鈕實現(xiàn)submit按鈕提交效果
- input submit、button和回車鍵提交數(shù)據(jù)詳解
- 在javaScript中關(guān)于submit和button的區(qū)別介紹
- 在一個form用一個SUBMIT(或button)分別提交到兩個處理表單頁面的代碼
- JS中type="button"和type="submit"的區(qū)別
相關(guān)文章
升級到j(luò)Query?3.6.1遇見的一些坑以及應(yīng)對辦法
Jquery低版本存在安全漏洞,所以需要升級版本,下面這篇文章主要給大家介紹了關(guān)于升級到j(luò)Query?3.6.1遇見的一些坑以及應(yīng)對辦法的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧，十分的簡單實用，都是小編項目中使用過的，這里推薦給大家。2015-09-09
這篇文章主要為大家詳細(xì)介紹了JQuery ajax局部刷新，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
本篇文章主要是對jQuery實現(xiàn)動畫效果的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
jQuery.form.js插件不能解決連接超時(timeout)的原因分析及解決方法
jQuery.form.js是一個form插件，支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時，當(dāng)碰上網(wǎng)速較慢時，而我們又設(shè)置了timeout時我們的頁面會死在這里，怎么回事呢，下面腳本之家小編給大家解答下2016-10-10
40個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之三
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片，并且用戶可以點擊左右按鈕來切換圖片。2012-01-01
jQuery實現(xiàn)點擊彈出背景變暗遮罩效果實例代碼
這篇文章主要介紹了jQuery實現(xiàn)點擊彈出背景變暗遮罩效果的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
c#+jquery實現(xiàn)獲取radio和checkbox的值
這篇文章主要介紹了c#結(jié)合jquery實現(xiàn)獲取radio和checkbox的value值的方法，將代碼分享給大家,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)簡單每周輪換的日歷，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
jquery 層次選擇器siblings與nextAll的區(qū)別介紹
jquery 層次選擇器包括siblings與nextAll，本文為大家介紹下具體的使用方法，想學(xué)習(xí)的朋也可以參考下，希望對大家有所幫助2013-08-08