是否可以提交JavaScript數組以及表單提交？

Question

我想爲Web應用程序創建一個類似列表的表單。將元素添加到列表中，對其進行修改並從列表中移除，並且用戶單擊「提交」將列表發送到Web應用程序進行進一步處理。

我想有兩個我可以添加數據的INPUT字段，單擊一個「添加」按鈕，數據被添加到DOM（所以用戶可以看到它，並通過單擊「刪除」刪除「按鈕）和一個將與大表單一起提交的JavaScript數組。在列表構建之前，我不希望任何流量通過Web應用程序。

這是可行的嗎？我的HTML有點生疏，我沒有保持最新的JS庫。有代碼示例是否會推薦用於完成此操作的框架？

Answer 1

當然你可以做到這一點。

我可以想到很多方法。一種是創建一個將列表項存儲在數組中的變量。在您與UI中的列表項進行交互時，您也可以更新數組。

單擊SUBMIT按鈕後，將數組粘貼到隱藏的INPUT中，以發送回服務器。

這就是說......如果在UI中動態創建/隱藏事件，一個人可能希望通過AJAX實時更新​​服務器。因此，確保你的UI設計清楚地表明它不會被更新，直到用戶執行SAVE操作。

至於框架，事實上的答案是jQuery。

Answer 2

可能最容易的方法是將值的數組放入JSON對象中，然後將該對象作爲字符串值嵌入到窗體上的隱藏元素中。

然後在處理表單的服務器端代碼中，您應該能夠非常容易地解碼JSON對象。例如，在PHP中，這是一個簡單的過程，稱爲json_decode()。