js 提交表單數(shù)據(jù)： 附件+對象的的多集合

在我們前端進行表單提交的時候，有時候會出現(xiàn)這種情況：Failed to convert? ?java.lang.String? ? to java.util.List

成都創(chuàng)新互聯(lián)是一家以成都網(wǎng)站建設公司、網(wǎng)頁設計、品牌設計、軟件運維、網(wǎng)站推廣、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為成都混凝土攪拌站等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務。

等等。

例如：

我后臺定義一個對象：

? ?examPaper 包含? String userId,Float userScore, MultipartFile? examFile? 用戶id? ,試卷分數(shù)，試卷文件

對象外面? ?classPaper有： String classId? String className? ListexamPaper? examPaperList

這個時候，后臺接收為? ClassPaper

如果按照平常的 form-data? ?提交? 則應按以下方式提交：

let? fd? = new FormData();

fd.append("classId?",classId?);

fd.append("className?",className?);

examPaperList.forEach((item,index) -{

?fd.append("examPaperList["+index+"].userId",item.userId);

?fd.append("examPaperList["+index+"].userScore",item.userScore);

?fd.append("examPaperList["+index+"].examFile?",item.examFile?);

});

以這種方式就可以實現(xiàn) 多附件? 一一 對應提交。以避免對象轉換錯誤問題。

Js表單提交

表單提交是剛開始學js的朋友很迷惑的一個問題，怎么提交，怎么阻止默認提交，怎么提交表單不跳轉等等問題，下面是一些示例

原始的表單提交有 button 按鈕提交和 input / 類型的。它們又什么區(qū)別呢？

(1) 默認表單提交

(2)默認不會提交表單

(3) 如果在 form ,我們使用了 type=''submit 屬性，但是不讓表單默認提交，有什么辦法呢？看下面

(4) 如果在 form ,我們使用了 type=''button 屬性，但是還是需要提交表單，這是可以使用ajax來提交，好處是可以自己控制提交，并且頁面不會跳轉

(5)若是使用默認提交的方法，且提交之前驗證表單，方法看下面

(6) 若是使用了 type='button' 屬性，但是還是想實現(xiàn)默認提交的方式怎么辦？ 看下面

(7) 下面的提交會發(fā)生什么？

分析 : 點擊提交按鈕:

(1)當表單驗證失敗時，不會觸發(fā) form.submit() 函數(shù)，所以可以觸發(fā) form 的 onsubmit 句柄，又因為該句柄 return false 所以表單不會從該句柄處默認提交，所以 會在控制臺打印出 表單的onsubmit事件句柄在form.submit()調(diào)用時失效'

(2)當表單驗證成功時,會觸發(fā) form.submit() 函數(shù)提交表單，又因為 form.submit()提交表單的方式與用戶單擊 Submit 按鈕一樣，但是表單的 onsubmit 事件句柄不會被調(diào)用，所以 控制臺不會打印出 表單的onsubmit事件句柄在form.submit()調(diào)用時失效

現(xiàn)在表單默認提交的方式基本沒人用了，都是ajax異步提交。但是了解一些還是好的。。。

javascript中怎么提交表單

H5edu教育html5開發(fā)為您解答：

辦法1.同一個頁面中建立兩個表單 各自提交：

form action="?" name="form1" id="form1"

!-- 表單內(nèi)容 --

input type="submit" /

/form

form action="?" name="form1" id="form1"

!-- 表單內(nèi)容 --

input type="submit" /

/form

辦法2：如果非要只有一個表單的話，通過js提交：

script type="text/javascript" language="javascript"

function submitYouFrom(path){

$('form1').action=path;

$('form1').submit();

}

/script

form action="?" name="form1" id="form1"

!-- 表單內(nèi)容 --

input type="button" value="提交1" onclick="submitYouFrom('地址一')"/

input type="button" value="提交2" onclick="submitYouFrom('地址二')"/

/form

當前標題：javascript提交,javascript提交表單
當前網(wǎng)址：http://chinadenli.net/article8/dsisjop.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站制作、響應式網(wǎng)站、網(wǎng)站收錄、外貿(mào)網(wǎng)站建設、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)