快捷導(dǎo)航

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

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

昨天在使用jQuery ajax的post方法進(jìn)行頁面?zhèn)髦担瑹o刷新獲取數(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方法這樣寫應(yīng)該是沒有問題的，點擊submit提交按鈕，sendPwd.php通過$_POST接收傳過來的值，然后echo一段數(shù)據(jù)。然而卻始終無法顯示傳回來的值。原因在這里：

復(fù)制代碼代碼如下:

提交按鈕的類型是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更加方便操作。

您可能感興趣的文章:

相關(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
JQuery 又談ajax局部刷新
這篇文章主要為大家詳細(xì)介紹了JQuery ajax局部刷新，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
jQuery實現(xiàn)動畫效果的簡單實例
本篇文章主要是對jQuery實現(xiàn)動畫效果的簡單實例進(jì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
jquery實現(xiàn)簡單每周輪換的日歷
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)簡單每周輪換的日歷，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
jquery 層次選擇器siblings與nextAll的區(qū)別介紹
jquery 層次選擇器包括siblings與nextAll，本文為大家介紹下具體的使用方法，想學(xué)習(xí)的朋也可以參考下，希望對大家有所幫助
2013-08-08