Form表單提交資料的幾種方式

2022-08-23 16:24:11 字數 813 閱讀 8406

一、submit提交

在form標籤中新增action(提交的位址)和method(post),且有乙個submit按鈕()就可以進行資料的提交,每乙個input標籤都需要有乙個name屬性,才能進行提交。

當點選登陸時,向服務端發生的資料是:username=username&password=password.

這種預設的提交方式,一般會進行頁面的跳轉(不成功時跳轉到當前頁面)。而有時候我們是對彈出框進行資料提交的,希望提交成功則關閉彈出框並刷選父頁面,失敗則提示失敗原因,且彈出框不關閉。此時可以採用ajax進行資料提交.

二、ajax提交form表單

$('#documentform').submitform(

},before: function ()

}).submit();

此時可以在callback函式中對請求結果進行判斷,然後執行不同的動作(頁面跳轉或刷選資料、提醒錯誤都可以)

三、easyui的form外掛程式

通過easyui的form外掛程式也可以達到上面的目的。

$('#ff').form('submit', ,

success:function(data)

});四、form表單提交附件

需要設定form的enctype="multipart/form-data"並且新增

而且附件只能通過submit方法進行提交,

form表單提交的幾種方式

表單提交方式一 直接利用form表單提交 html頁面 controller頁面 package com.help.demo.controller import org.springframework.stereotype.controller import org.springframework....

form 表單提交方式

表單可實現無重新整理頁面提交,無需頁面跳轉,如下,通過乙個隱藏的iframe實現,form表單的target設定為iframe的name名稱,form提交目標位當前頁面iframe則不會重新整理頁面 一般表單提交通過type submit實現,input type submit 瀏覽器顯示為butt...

form表單的提交方式

最基本的提交方式,或者提交,這兩種方式效果是一樣的。如果需要再提交表單之前進行驗證,可以在form標籤中設定onsubmit屬性,如下 函式mysubmit 如下 使用js的submit 注意 此函式不是jquery的,而是html dom的方法 函式進行表單提交,此類表單提交不會觸發onsubmi...