首頁猿問 ...

submit提交表單和ajax提交表單有什么區(qū)別？

JavaScript

繁星點點滴滴 2019-10-16 17:04:26

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

查看完整描述

2 回答

阿晨1998

TA貢獻2037條經(jīng)驗獲得超6個贊

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

反對回復 2019-10-16

慕尼黑8549860

TA貢獻1818條經(jīng)驗獲得超11個贊

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

反對回復 2019-10-16