表單form方式
一、submit提交
一般表單提交通過type=submit實現,input type="submit",瀏覽器顯示為button按鈕,通過點選這個按鈕提交表單資料跳轉到/url.do
<form action='http://www.123.com/postValue' method='post'>
<input type='text' name='username'/>
<input type='password' name='password'/>
<input type='submit' value='登入'/>
</form>
當點選登入時,提交的資料是:
username=username&password=password
這種預設的提交方式,一般會進行頁面的跳轉(不成功時跳轉到當前頁面),而有時我們是對彈出框進行資料提交,希望提交成功則關閉彈出框並刷選父頁面,失敗則提示失敗原因,且彈出框不關閉。此時可採用ajax進行資料提交。
二、ajax提交form表單
$('#documentForm').submitForm({
url:"/Document/SubmitDocumentCreate",
dataType:"text",
callback:function(data){
endFileUpload();
data=eval("("+data+")");
alert(data.Content);
if(data.Result > 0){
location.href = data.Redirect;
}
},
before:function(){
startFileUpload();
var errMsg ="";
}
}).submit();
此時可以在callback函式中對請求結果進行判斷,然後執行不同的動作(頁面跳轉或資料重新整理、提醒錯誤)
三、form表單提交附件
需要設定form的enctype=“multipart/form-data”,並且新增<input type='file'>
而且附件只能通過submit方法進行提交
通過type=submit提交
一般表單提交通過type=submit實現,input type="submit",瀏覽器顯示為button按鈕,通過點選這個按鈕提交表單資料跳轉到/url.do
<input type="text" name="name"/>
<input type="submit" value="提交">
</form>
js提交form表單
js事件觸發表單提交,通過button、連結等觸發事件,js呼叫submit()方法提交表單資料,jquery通過submit()方法
<form id="form" action="/url.do" method="post">
<input type="text" name="name"/>
</form>
js: document.getElementById("form").submit();
jquery: $("#form").submit();
相關文章
- form表單提交方式ORM
- 清空form表單ORM
- 觸發form表單自動提交的方式有哪些?ORM
- tpextbuilder- Form表單UIORM
- form表單的簡單介紹ORM
- form表單使用 btn submit-btn ajax-post方式提交問題。ORMMIT
- Selenium操作:測試form表單ORM
- formly-form 動態表單ORM
- form表單的元素及方法ORM
- Ant Design 元件 —— Form表單(一)元件ORM
- form表單提交注意事項ORM
- Form表單JSONContent-type解析ORMJSON
- Selenium測試form表單之下拉選單ORM
- 使用form-create生成表單元件ORM元件
- react專案 form表單重置 initialValueReactORM
- Vue資料驅動表單渲染,輕鬆搞定form表單VueORM
- 表單 x-www-form-urlencoded 與 multipart/form-data 區別ORM
- form表單元素測試(checkbox和radio)ORM
- 封裝react antd的form表單元件封裝ReactORM元件
- 封裝Vue Element的form表單元件封裝VueORM元件
- JQuery獲取form表單中所有值jQueryORM
- 仿 ElmentUI 實現一個 Form 表單UIORM
- Bootstrap select2 ,table, 清空表單formbootORM
- 3,表單模組文件- layui-formUIORM
- 10分鐘精通Ant Design Form表單ORM
- vxe-form table 配置式表單的使用ORM
- vxe-form table 實現摺疊表單ORM
- vue中怎麼動態生成form表單VueORM
- Form 表單提交知識的總結(全)ORM
- 在 Laravel 中優雅處理 Form 表單LaravelORM
- iOS 使用form表單形式提交post請求iOSORM
- element-ui的----el-form表單校驗巢狀表單校驗(表單多層巢狀)+el-table和el-form巢狀使用表單校驗UIORM巢狀
- Angular8 form 表單對隱藏元素取消表單校驗規則AngularORM
- vxe-form table 表單實現簡歷模板ORM
- vxe-form table 表單使用資料校驗ORM
- Vue中form表單常用rules校驗規則VueORM
- HTML5中form表單功能介紹分享HTMLORM
- Flutter Form表單控制元件超全總結FlutterORM控制元件