FormData getAll()
getAll() 方法可以獲取所有指定具有指定鍵名的值,返回一個陣列。
關於 FormData 物件的總體介紹參閱 FormData 物件 一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼FormData.getAll(key)
引數解析:
(1).key:資料的鍵名。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="GBK"> <meta name="author" content="https://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload = ()=> { let form = document.getElementById("myform"); let formdata = new FormData(form); console.log(formdata.getAll("course")); } </script> </head> <body> <form action="#" id="myform"> 學科: <input type="checkbox" name="course" value="JS"> <input type="checkbox" name="course" value="CSS" checked> <input type="checkbox" name="course" value="HTML" checked><br> 年齡: <input type="text" name="age" value="5"><br> <input type="submit" name="sb" value="提交"> </form> </body> </html>
程式碼執行效果截圖如下:
程式碼分析如下:
(1).FormData() 建構函式的引數是 <form> 表單元素物件。
(2).建立的 FormData 物件儲存著 <form> 表單內能夠提交到伺服器表單元素的鍵值對(name/alue)。
(3).getAll() 獲取所有鍵名為 "course" 且處於選中狀態核取方塊的值,未選中(不能夠提交)不包括在內。
相關文章
- URLSearchParams getAll()
- URLSearchParams getAll() 方法
- FormData delete()ORMdelete
- FormData物件ORM物件
- JavaScript之FormData方法JavaScriptORM
- formData使用總結ORM
- jquery ajax 提交 FormDatajQueryORM
- vue 檔案上傳方法formDataVueORM
- formData原生實現圖片上傳ORM
- 使用jquery的FormData上傳檔案jQueryORM
- http 請求 formData 型別資料HTTPORM型別
- JavaScript FormData的詳細介紹及使用JavaScriptORM
- Express中關於formData物件接收的模組ExpressORM物件
- Web前沿——HTML5FormData物件的使用WebHTMLORM物件
- 關於 FormData 物件陣列傳值總結ORM物件陣列
- 記 Laravel 呼叫 Gin 介面呼叫 formData 上傳檔案LaravelORM
- 記一個 FormData 多檔案上傳問題ORM
- HTTP請求中 request payload 和 formData 區別?HTTPORM
- 【爬坑日記】利用axios進行post提交formdataiOSORM
- 基於Ajax的formData圖片和資料上傳ORM
- .NET和.NET Core Web APi FormData多檔案上傳對比WebAPIORM
- 如何使用FormData上傳壓縮裁剪後的圖片Blob物件ORM物件
- 好程式設計師web前端培訓分享FormData 簡單介紹程式設計師Web前端ORM
- uniapp uview 上傳圖片,資料以formData + File 形式傳輸APPViewORM
- ajax利用FormData、FileReader實現多檔案上傳php獲取ORMPHP
- 利用FormData物件實現AJAX檔案上傳功能及後端實現ORM物件後端
- H5 FileReader+drag+ajax2.0+Formdata實現圖片拖拽上傳H5ORM
- PHP結合HTML5使用FormData物件提交表單及上傳圖片PHPHTMLORM物件
- HTML5可預覽多圖片ajax上傳(使用formData傳遞資料)HTMLORM
- Javascript 基礎夯實 —— 通過程式碼構建一個包含檔案的 FormData 物件JavaScriptORM物件
- 記一次laravel中使用jquery ajax上傳FormData資料時報錯解決經歷LaraveljQueryORM
- 使用FormData+jQuery+AJAX傳送檔案至又拍雲,實現無重新整理上傳ORMjQuery
- 解決ajax傳送Formdata資料包含檔案和text資料,spring後臺無法通過MultipartFile拿到檔案ORMSpring
- .Net之使用Jquery Ajax通過FormData物件非同步提交圖片檔案到服務端儲存並返回儲存的圖片路徑jQueryORM物件非同步服務端