form表單提交的坑

一、form表單提交

問題來源:自定義一個(gè)函數(shù),函數(shù)里面有ajax請(qǐng)求操作,點(diǎn)擊表單按鈕調(diào)用該函數(shù)

結(jié)果:當(dāng)我點(diǎn)擊提交表單按鈕時(shí),調(diào)用該函數(shù)的同時(shí)頁(yè)面被刷新了

需要解決:提交時(shí)頁(yè)面不被刷新

如何解決?

1.當(dāng)<input>或<a>標(biāo)簽 的type為“submit”或“image”時(shí),表單會(huì)自動(dòng)提交

2.當(dāng)<button>的type為"默認(rèn)"或“submit”時(shí),表單會(huì)自動(dòng)提交

3.當(dāng)在提交表單的按鈕上進(jìn)行綁定click事件后,自動(dòng)提交表單前,會(huì)執(zhí)行函數(shù)

所以:

? ? ? ? ? ?提交表單用form的時(shí)候用要么用submit/button提交

? ? ? ? ? ?要么就不用form,用div,按鈕綁定click事件,就不會(huì)出現(xiàn)這樣的問題啦

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • form簡(jiǎn)介 是HTML中的一個(gè)元素,它表示文檔中的一個(gè)區(qū)域,這個(gè)區(qū)域包含了交互控件,用于向web服務(wù)器提交信息。...
    七里之境閱讀 1,483評(píng)論 0 1
  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中,表單是由form元素來表示的,但是在jav...
    linfree閱讀 2,330評(píng)論 3 17
  • 今天想要講的東西比較雜亂,自己理了好久的思路感覺一直找不到一條線串聯(lián)起這些碎片化的知識(shí)。然后就想著那就先寫寫看吧,...
    Programmer客棧閱讀 2,142評(píng)論 0 9
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,537評(píng)論 19 139
  • 宮_先森閱讀 272評(píng)論 0 0

友情鏈接更多精彩內(nèi)容