js實例教程-在jQuery ajax中按鈕button和submit的區別分析

发布时间:2018-11-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js實例教程-在jQuery ajax中按鈕button和submit的區別分析脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小寶典致力於為廣大程序猿(媛)提供高品質的代碼服務,請大家多多光顧小站,小寶典在此謝過。

代碼如下:

<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一段數據。然而卻始終無法顯示傳回來的值。原因在這裡:

. 代碼如下:


<input type="submit" name="submit" id="submit" value="提交" />


提交按鈕的類型是submit,點擊之後毫無反應。因為無意發現有次點擊瞬間結果出來了,又變回去了,於是發現詭異,上網一查,發現大部分都把按鈕設置成button類型,於是改成button之後,問題解決了。

按鈕button和submit有什麼區別呢?
submit主要是提交表單,是一個特殊的button,執行提交動作,button主要配合用javascript操作,本身就是一個按鈕,這是根本區別。如果要使用submit,驗證需要return false。本人覺得還是設置成button更加方便操作。

代碼如下:

<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一段數據。然而卻始終無法顯示傳回來的值。原因在這裡:

. 代碼如下:


<input type="submit" name="submit" id="submit" value="提交" />


提交按鈕的類型是submit,點擊之後毫無反應。因為無意發現有次點擊瞬間結果出來了,又變回去了,於是發現詭異,上網一查,發現大部分都把按鈕設置成button類型,於是改成button之後,問題解決了。

按鈕button和submit有什麼區別呢?
submit主要是提交表單,是一個特殊的button,執行提交動作,button主要配合用javascript操作,本身就是一個按鈕,這是根本區別。如果要使用submit,驗證需要return false。本人覺得還是設置成button更加方便操作。

覺得可用,就經常來吧!Javascript技巧 腳本寶典 歡迎評論哦!&nbsp;js技巧,巧奪天工,精雕玉琢。小寶典獻醜了!

脚本宝典总结

以上是脚本宝典为你收集整理的js實例教程-在jQuery ajax中按鈕button和submit的區別分析全部内容,希望文章能够帮你解决js實例教程-在jQuery ajax中按鈕button和submit的區別分析所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。