ajax - Ajaxへの最良の方法-テーブル行を制御する

Question

x行約10列のテーブルを印刷できるようにしたい。ただし、複数の選択ボックスであるかのように、テーブル内の行を選択できるようにしたいです。テーブルの行を選択すると、追加のテキスト領域にそのデータの行に関する追加情報が表示されます。

AJAXでこれを行うための最良の方法は何ですか？

Answer 1

あなたが行く必要があることはたくさんありますが、私はあなたにあなたが何を必要としているのかについての考えをあなたに与えます。行ごとに、クリックリスナーをアタッチするか、クリックイベントをテーブルにバブルしてそこでキャッチし、どの行にあるかを調べます（YUIの人々はこれを行う方法を説明します）。各HTML要素で、クリックされた行を識別する方法が必要になります。HTML IDの一部にすることも、で取得する別の属性を使用することもできますtrElement.getAttribute('yourAttribute')。

IDを取得したら、テキストエリアを表示するか、追加のデータを取得してテキストエリアを表示するAJAX呼び出しを行うことができます。IDを受け取り、表示するHTMLまたはJSONデータのいずれかを返し、解析して自分で表示を作成できるWebサービスを定義する必要があります。送信するデータの量によって異なりますが、JSONを返す方がよいかHTMLを返す方がよいかによって異なりますが、私はJSONを好む傾向があります。複数の行を選択できる場合は、JavaScriptのどこかでクリックされた行を保存する必要があります。これは、クリックされたIDのセットである変数を使用するのと同じくらい簡単で、その行をクリックするたびに、その行がすでに存在するかどうかに基づいて追加または削除します。選択した各行にクラスを追加して、選択したときに背景色などを変更することもできます。

大まかに言うと、これですべてですが、より具体的な質問がある場合は、特定の部分について詳しく説明できます。