これはこのウェブサイトでの最初の質問です。経験のある方からアドバイスをいただければ幸いです。
私はクライアント用の javascript/jquery アプリを構築しました。その重要な機能は、特定のアイテムのフィルタリング メカニズムです。次のようなリストに保存されているアイテムは約 2000 あります。
<ul>
<li id='3000429'>Item</li>
<li id='3000429'>Item</li>
<li id='3000429'>Item</li>
<li id='3000429'>Item</li>
</ul>
<li>そのため、約 2000 行の html から、デモンストレーションのために要素の onClick ハンドラーを削除しました。アイテムの適切な ID を持つ html リストは、ページの読み込み時に php を介して mysql データベースから生成されます。
私が今行っているのは、データベースから結果をフィルタリングし、最初にすべてのアイテムを非表示にすることです。次に、配列 od id である ajax を介して PHP から計算結果を取得したら、結果に含まれる id のアイテムのみを表示します。配列 (jQuery.show()とを使用.hide())。したがって、すべての項目が常にコード内に存在し、一部が非表示になっているだけです。
JSON を使用し、結果を受け取った時点で HTML リストからすべての項目を完全に削除し、JSON オブジェクトと jQuery を介してデータベースから除外される新しい HTML 項目を生成する方がよいでしょうか。
一部のブラウザーは多くの html のストレスをうまく処理できないことを知っているので、私は尋ねています (特に IE...)。
1000 を超えるなど、多くの結果が返されると、おそらくすべてのアイテムを調べてアイテムを再表示するため、すべてのブラウザーが少し遅れる傾向があります ( .show())。ユーザーが短い間隔でフィルタリングをトリガーすると、ユーザーエクスペリエンスは最悪です。
では、パフォーマンスの観点から、JSON をロードして常に html を生成および削除する方が良いと思いますか、それとも現在設定している方法 (show/hide メソッド) の方が良いと思いますか? 私は JSON を初めて使用するので、大量のデータに関するパフォーマンスの側面にあまり慣れていません。
よろしくお願いします！