2017-10-11 11 views
-4

私は5k行と50列(J​​avaScriptオブジェクトから生成)のHTMLテーブルを持っていて、HTTP(JSON)を使用してクライアントからサーバーへ50個のチェック済み行(チェックボックス)を送信したいとします。もっと効率的なものは何でしょうか?チェックされた行を見つけるためにHTMLを反復したり、JavaScriptのオブジェクトを反復して対応する行を見つけたりしますか?HTMLまたはJavaScriptオブジェクトからデータを取得していますか?

フィールド=列(50)

値=行(〜5K)

JavaScriptのデータオブジェクト:あなたはそれぞれの行を生成している間、あなたはキープ

parent { 
    child: [{field1: value1, field2: value2, field3: value3, and so on...}] 
} 

答えて

1

この情報で何をしようとしているのかわかりませんが、DOMとやりとりするのが最も遅いのですから、JavaScriptオブジェクトを確認する必要があります。

+0

この回答は私に役立ちます、ありがとう! – orangetacos

0

チェックボックスの参照を取得し、それをjavascriptオブジェクトのデータにバインドします。

次に、イベントリスナーをチェックボックスに追加します。行をオンまたはオフにすると、常に最新の状態になり、送信準備ができている配列内のマップされたデータ行がプッシュまたは削除されます。

+0

HTMLまたはJavaScriptオブジェクトから 'line'を取得する必要がありますか? – orangetacos

+1

もし私があなただったら、私は各行を生成している間、私はjavascriptオブジェクトで管理されているデータにマッピングされたチェックボックスの参照を保持します。こうすることで、チェックボックスをオンにしたときに、どのデータを送信するかを容易に確認できます。 – sjahan

関連する問題