首頁猿問有沒有人遇到過這個(gè)問題哈！subm...

有沒有人遇到過這個(gè)問題哈！submit提交表單和ajax提交表單有什么區(qū)別？

JavaScript

達(dá)令說 2019-09-19 11:35:44

平常一直使用的ajax提交表單。但是知道有submit提交表單的方式，百度看有說form標(biāo)簽上綁定onsubmit的，也有說form上不用綁定submit，直接button的type設(shè)置為submit的。到底submit提交表單的正常流程是什么樣的呢？怎么指定接口url傳參的？和ajax提交表單有什么優(yōu)劣？

查看完整描述

2 回答

呼啦一陣風(fēng)

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊

...action為你后臺(tái)接口的url,input標(biāo)簽里是你提交的參數(shù)，后臺(tái)通過name標(biāo)簽的值獲取該參數(shù)的值，等同于ajax提交的data:{key:value}中的key,inputtype="submit"為提交按鈕，提交不需要綁定onsubmit事件，綁定onsubmit事件可以在提交時(shí)做一些js操作，比如說彈出你確定要提交嗎?這樣的提示。

反對(duì) 回復(fù) 2019-09-19

千萬里不及你

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超9個(gè)贊

submit提交和ajax提交的區(qū)別submit會(huì)刷新頁面，ajax不會(huì)刷新頁面form表單內(nèi)有button的type為submit的按鈕可以點(diǎn)擊按鈕提交表單，觸發(fā)submit事件form表單內(nèi)即使沒有button的type為submit的按鈕,也可以在輸入框內(nèi)回車來提交，觸發(fā)submit事件在submit事件中，阻止默認(rèn)事件或返回false，可停止提交表單，例如表單校驗(yàn)但是如果你的數(shù)據(jù)需要處理，就需要在submit中阻止原生提交，自定義用ajax來提交

反對(duì) 回復(fù) 2019-09-19