データベースに同じタイプのアイテムが20個あります。各アイテムには、行ID、名前、説明、およびセクション（AまたはB）があります。
この情報を表示し、ユーザーが各アイテムのセクション属性を変更できるWebページがあります。Webページの表示には、セクションAとセクションBの2つのセクションのそれぞれにペインがあり、各セクションには、そのセクションの各アイテムのボタンと非表示フィールドが含まれています。ボタンのラベルテキストはアイテムの名前です。非表示フィールドは、対応するアイテムボタンのセクション（AまたはB）をキャプチャするために使用されます。
ユーザーがセクションAペインのアイテムボタンの1つを押すと、ボタンはセクションBペインに移動し、ボタンの非表示フィールドが「B」に更新されます。同様に、ユーザーがセクションBペインのアイテムボタンの1つを押すと、ボタンはセクションAペインに移動し、ボタンの非表示フィールドが「A」に更新されます。
フォームの下部には送信ボタンがあります。送信ボタンが押されると、関連するボタンのセクション（AまたはB）を含む20の非表示フィールドがすべて投稿され、それに応じてphpサーバー側スクリプトが各ボタンのデータベースを更新します。
このような場合、AJAXを使用してサーバー上のアイテムの状態を維持するか、フォームの投稿前にアイテムの状態を維持するために純粋なクライアント側のJavaScriptと組み合わせて非表示フィールドを使用するのがベストプラクティスですか？なんで？
前もって感謝します。