jQueryでデータ取得の遅延ロードの考え方を教えてください。

考え方を教えてください。

HTMLが初期データとします。
jQuery側は、p要素をカウントして、Jsonデータを２件づつ読み込むとします。

lang
1    <body>
2      <p>kotarou</p>
3      <p>kotetsu</p>
4    </body>

lang
1[{id: 1, name: "kotarou"},
2 {id: 2, name: "kotetsu"},
3 {id: 4, name: "yume"},
4 {id: 8, name: "tama"},
5 {id: 9, name: "mike"},
6 {id: 13, name: "pochi"}
7]

「もっと読み込む」ボタンを設置して、２件づつ読み込みました。
読み込まれたデータは以下のような形になります。

lang
1    <body>
2      <p>kotarou</p>
3      <p>kotetsu</p>
4      <p>yume</p>
5      <p>tama</p>
6    </body>

p要素をカウントしているので、次にボタンを押すと読み込まれるのは、
「"mike"」「"pochi"」となります。

質問ですが、もしこの読み込んでいる途中で何らかの通信障害が発生して
p要素が「<p>tama</p>」まで読み込まれず、「<p>yume</p>」で止まって
「もっと読み込む」ボタンが押されてしまった場合、２重に表示されてしまう気がします。

この考え方は間違ってますでしょうか？
もし、２重表示してしまう場合は、どのように防止を行うべきでしょうか？

お手数ですがご回答をお願いいたします。

行動規範の内容に同意します

回答2件

ベストアンサー

読み込んでいる途中で何らかの通信障害が発生して

jQueryを使った通信障害と記載しているので、ajax通信を用いて表示するものと仮定して回答しますが、
通信に対しての結果は以下２つのどちらかしかありえません。

成功（すべて読み込まれる）
失敗（１つも読み込まれない）

従って途中までのデータを受け取ることは考慮する必要ありません。

補足

厳密に通信プロトコルレベルの話では途中中断されることはありますが、
そういったケース（最後まで読み込めない）は、今まで読み込んでいた途中データはすべて破棄され失敗とみなされます。

投稿2017/10/14 03:17

cookieman

総合スコア128

退会済みユーザー

2017/10/14 13:48 編集

丁寧なご回答ありがとうございます。 >ajax通信を用いて表示するはい。ajaxの通信を想定していました。例えが良くなかったですね・・・。修正しておきます。 >今まで読み込んでいた途中データはすべて破棄され失敗とみなされます。なるほど！そうなんですね！言われてみれば、確かに・・・失敗した時は破棄されています。貴重な情報ありがとうございました。

行動規範の内容に同意します