在jQuery ajax中按鈕button和submit的區(qū)別分析

更新時(shí)間：2012年10月07日 01:20:39 作者：

昨天在使用jQuery ajax的post方法進(jìn)行頁(yè)面?zhèn)髦担瑹o(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ù)制代碼代碼如下:

提交按鈕的類型是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類型，于是改成button之后，問(wèn)題解決了。

按鈕button和submit有什么區(qū)別呢？
submit主要是提交表單，是一個(gè)特殊的button，執(zhí)行提交動(dòng)作，button主要配合用javascript操作，本身就是一個(gè)按鈕，這是根本區(qū)別。如果要使用submit，驗(yàn)證需要return false。本人覺(jué)得還是設(shè)置成button更加方便操作。

您可能感興趣的文章:

相關(guān)文章

升級(jí)到j(luò)Query?3.6.1遇見(jiàn)的一些坑以及應(yīng)對(duì)辦法
Jquery低版本存在安全漏洞,所以需要升級(jí)版本,下面這篇文章主要給大家介紹了關(guān)于升級(jí)到j(luò)Query?3.6.1遇見(jiàn)的一些坑以及應(yīng)對(duì)辦法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-06-06
JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧，十分的簡(jiǎn)單實(shí)用，都是小編項(xiàng)目中使用過(guò)的，這里推薦給大家。
2015-09-09
JQuery 又談ajax局部刷新
這篇文章主要為大家詳細(xì)介紹了JQuery ajax局部刷新，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
jQuery實(shí)現(xiàn)動(dòng)畫(huà)效果的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery實(shí)現(xiàn)動(dòng)畫(huà)效果的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01
jQuery.form.js插件不能解決連接超時(shí)(timeout)的原因分析及解決方法
jQuery.form.js是一個(gè)form插件，支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時(shí)，當(dāng)碰上網(wǎng)速較慢時(shí)，而我們又設(shè)置了timeout時(shí)我們的頁(yè)面會(huì)死在這里，怎么回事呢，下面腳本之家小編給大家解答下
2016-10-10
40個(gè)有創(chuàng)意的jQuery圖片和內(nèi)容滑動(dòng)及彈出插件收藏集之三
在網(wǎng)頁(yè)的首頁(yè)或圖片專題頁(yè)面很多地方都會(huì)用到圖片滑動(dòng)插件來(lái)循環(huán)切換多張圖片，并且用戶可以點(diǎn)擊左右按鈕來(lái)切換圖片。
2012-01-01
jQuery實(shí)現(xiàn)點(diǎn)擊彈出背景變暗遮罩效果實(shí)例代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊彈出背景變暗遮罩效果的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
c#+jquery實(shí)現(xiàn)獲取radio和checkbox的值
這篇文章主要介紹了c#結(jié)合jquery實(shí)現(xiàn)獲取radio和checkbox的value值的方法，將代碼分享給大家,需要的朋友可以參考下
2014-12-12
jquery實(shí)現(xiàn)簡(jiǎn)單每周輪換的日歷
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)簡(jiǎn)單每周輪換的日歷，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
jquery 層次選擇器siblings與nextAll的區(qū)別介紹
jquery 層次選擇器包括siblings與nextAll，本文為大家介紹下具體的使用方法，想學(xué)習(xí)的朋也可以參考下，希望對(duì)大家有所幫助
2013-08-08