私は、thymeleafとspringを使用して動的なフォームを作成しています。私の要件はこれと同じです リンク （セクション9）。 例：[行]セクションで[行の追加]ボタンをクリックすると、[行]セクションの下に新しい行が追加されます。このアプローチは問題なく機能しています。このアプローチでは、行の追加をクリックすると、コントローラーメソッドが呼び出され、フォームが送信され、行の追加アクションごとにページ全体が更新されます。
しかし、私の場合、私はそれがする大きな形を持っていますこのような複数の行があります。私の疑問は、コントローラにフォームをポストし、コントローラで新しいオブジェクトを作成してページ全体を再度更新することなく、thymeleafを使用して開発されたフォーム要素に行を追加する方法です。 ajaxとjqueryを使用してこれを行う方法はありますか。助けてください。
回答：
回答№1は0JavaScriptを使用してテーブルに行を追加できます動的に。 そのデータ全体をコントローラーに取り込むために、送信しているデータのリストを使用できます。 Javascriptでは、属性名を動的に変更できます。コントローラー側では、そのリストを取得してコードで使用するだけです。