這是一個非常基礎的HTML表單提交問題,但卻是一個非常實用的技巧
我的業務場景是這樣的:
一個可動態建立input的表單,如下圖
這意味著input的name不能是一個固定的,否則肯定會被覆蓋掉的
第一種,傳統的普通提交方式,給每一個要提交的input一個唯一的name
瀏覽器提交抓到的格式是這樣子的
伺服器獲取列印出來的是這樣的,對後端的資料處理就非常不友善

第二種,陣列的方式進行表單提交
瀏覽器和後端列印的結果分別為

細心觀察就會發現,提交的name值發生了變化,變成了一樣的?陣列? 提交到後端就會發現資料比之前整齊多了 但這裡要注意的是,提交的陣列鍵中不需要使用引號,否則引號也會成為鍵的一部分
當然了,實際中還可能遇到這樣的問題,要提交的組數(像上面的1、2、3)是不確定的,可以在前端隨意地添加,這個時候怎麼去用陣列提交這些內容呢?
下面就是我業務中的實際解決方案
這樣的話,二維陣列的鍵則不需要我們自己去維護了,由瀏覽器幫我們自動生成
後端接收到的資料則變成了這樣子,變得非常好處理了
此方法適用於,要提交一堆不確定個數的一組相關的資料對
完結撒花!~