最初のウェブサイトが読み込まれたら、バックグラウンドでデータを読み込みます。

私は投稿とコメントのあるフィードを持っています。最初のウェブサイトが読み込まれたら、バックグラウンドでデータを読み込みます。

私は最後の5つのコメントのみを表示し、もう1つはcss-hiddenです。「すべてのコメントを表示」をクリックすると表示されます。

現在私の考えは、「表示」リンクがクリックされたときにそれらのコメント（ajax）を取得することです。

最初のページが読み込まれた直後に自動的に背景にこれらのコメントを読み込む方法はありますか？私は、追加のコメント（あるいは少なくとも、ロードするために待って検討するかもしれない

更新

<div class='container'> 
    <div class='post'>This is a post</div> 
    <div class='comment hidden'>This is a comment</div> # To load asynchronously 
    <div class='comment hidden'>This is a comment</div> # To load asynchronously 
    <div class='comment hidden'>This is a comment</div> # To load asynchronously 
    <div class='comment hidden'>This is a comment</div> # To load asynchronously 
    <a href='#'>Show all comments</a> 
    <div class='comment'>This is a comment</div> 
    <div class='comment'>This is a comment</div> 
    <div class='comment'>This is a comment</div> 
    <div class='comment'>This is a comment</div> 
    <div class='comment'>This is a comment</div> 
</div>

出典

2016-05-04 Fellow Stranger

コードを共有できますか？ – Ayan

私の物流表がこれを行うための最良の方法です。

StreamTable.jsの背後にあるアイデアは、最初は最小の行（10または20かもしれない）を入力し、その後にデータをバックグラウンドでサイレントにストリーミングしてテーブルを更新することです。これにより、ページがすぐに読み込まれ、すべての操作ですぐに使用できるようになります。ユーザーが同じページに少しでも長く滞在すると、検索、ページナビゲーションなどのテーブルで何らかの操作を実行する可能性が高いと想定するのは安全でしょう。したがって、データのストリーミングプロセスを遅らせることができます言い換えれば、ページがロードされてから2秒後です。ストリーミングされたすべてのデータをすぐに使用できるようにすることも重要です。たとえば、2秒後に1000行をストリーミングした場合は、それらをすべて検索およびページ設定する必要があります。

詳しくはlink
これは最高のjsライブラリの1つです。

出典

2016-05-05 03:17:00

<body onload="script();">

または

document.onload = function ...

または

window.onload = function ...

出典

2016-05-04 14:27:45

ユーザーが「表示」リンクをクリックするなどの所定のアクションを実行するまで）。これにより、あなたのページは、ユーザーが決して要求しない/見たことのないたくさんのコメントを（たとえバックグラウンドで）読み込むことができなくなります。これにより、モバイルデバイスにユーザーがいる場合にアプリケーションのデータ負荷を軽減することもできます。

JS/Ajaxツール（バニラ、jquery、角度、vuejs、反応など）を選択して、X個のコメントを初期リストに追加するクリックイベントを設定できます。

希望に役立ちます！

出典

2016-05-04 14:33:40

最初のウェブサイトが読み込まれたら、バックグラウンドでデータを読み込みます。

答えて

関連する問題