style="visibility:hidden" なテキスト・テキストエリアの使いどころ

開発

頻繁にリクエストを送ってしまっている部分があって，

  • こんなことをするのに毎回リクエストを送るのはイヤだなぁ
  • パフォーマンスが悪いからちょっと減らしたいなぁ

というときには style="visibility:hidden" なテキスト・テキストエリアを使うことがある．必要な情報は先に取得してしまって，それを非表示なテキストエリアに保持してしまう，ということだ．

例えば，リンク「次へ」をクリックして設問に答えていくアンケートにこの方法は使える．最初に全設問を取得しておき「次へ」がクリックされる度に，保持していた全設問から次の設問を取り出し表示内容を切り替えるようにすると，毎回次の設問を取得しに行かなくてもよくなって，リクエスト数とサーバでの処理を節約することができる．

アンケートの場合は，回答も保持する必要があるので回答を保持するテキストエリアも用意しておき，「次へ」がクリックされたタイミングで選択された回答をそこに書き込むことでユーザが選択した全回答は保持できる．「送信」ボタンがクリックされた際には，この全回答を送信してあげるだけ．

実装として美しくなかったりセキュリティに問題があるかもしれないけど，こういうやり方もあるよというメモ．