AJAXリクエストの読み込み時間を測定して読み込みパネルを表示するにはどうすればよいですか？
ハードスポッカー
ここに、非常に大きなjsonオブジェクトを処理できるAJAXリクエストがあります。次のような読み込みパネルを表示したい（45％）：
私の問題は、サーバーがAJAXから送信されたjsonオブジェクトを処理する時間を測定できないように見えることです。
これが私のAJAXリクエストです：
$.ajax({
url: './home/sumbit_json',
type: 'POST',
data: {
json_data: json_data,
user: user,
entry: entry
},
dataType: 'json',
success: function(data) {
if (data.status == false) {
alert("transaction failed");
} else {
alert("transaction successful");
}
}, // End of success function of ajax form
error: function(xhr, status, errorThrown) {
console.log("Error: " + errorThrown);
console.log("Status: " + status);
console.dir(xhr);
},
});
コンラッドトールマン
$.ajax({
url: './home/sumbit_json',
type: 'POST',
// this will run before the request to server
beforeSend: function(){
// this variable may need to be set outside of ajax request
// just use something to track time
time = new Date();
},
data: {
json_data: json_data,
user: user,
entry: entry
},
dataType: 'json',
success: function(data) {
if (data.status == false) {
alert("transaction failed");
} else {
alert("transaction successful");
//figure out how long it took:)
alert(new Date() - time);
}
}, // End of success function of ajax form
error: function(xhr, status, errorThrown) {
console.log("Error: " + errorThrown);
console.log("Status: " + status);
console.dir(xhr);
},
});
たぶん、あなたはそれがサーバーにかかる時間に関するデータをデータベースに送り始めることができます。プロセスの平均の追跡を開始し、要求を開始する前に、サーバー上のデータベースに保存されている平均値が何であれ終了するように進行状況バーを設定します。もちろん、終了したら、プログレスバーを最後までスピードアップします。
Chromeに見られるように、さまざまなスロットル設定で何度もテストすることで、この予測を拡張できます。次に、データベースの速度範囲の平均値を作成します。
したがって、ワークフローは次のとおりです。1。インターネット速度Xでリクエストの長さの時間を計ります。2。その時間をデータベースに入れます。3。タイミングで別のリクエストを実行します。4。データベースの値で平均を計算し、データベースの値を更新します。5。繰り返し1 -4異なるインターネット速度/待ち時間で数回6.平均実行時間の良いアイデアが得られたので、データベース内のユーザーの現在の速度/待ち時間の平均時間を取得するリクエストをサーバーに送信します7.進行状況バーを設定します手順6で見つかった平均時間内に完了するようにします。8。要求が完了したら、データベースの平均をこの実際のシナリオに更新します。
時間の経過とともにますます正確になるはずです。
幸運を！
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
パネルにディスクの読み取り/書き込み速度を数値として表示するにはどうすればよいですか？
- 2
nodeJsリクエストで、ajaxの読み込み後にhtmlを取得するにはどうすればよいですか？
- 3
Vueでコンポーネントの読み込みを停止してリダイレクトするにはどうすればよいですか？
- 4
クリック時にdivを表示/非表示-ページの読み込み時にdiv1を表示するにはどうすればよいですか？
- 5
ページの読み込み時に非表示のリストアイテムを表示するにはどうすればよいですか？
- 6
Chrome拡張機能を使用してウェブアプリの読み込み時間を短縮するにはどうすればよいですか？
- 7
剣道グリッドの読み込み中に剣道読み込みアイコンを表示するにはどうすればよいですか？
- 8
CSS読み込みテキストをcss読み込みアニメーションに正しく追加するにはどうすればよいですか？プレースホルダーテキストのみが表示されます
- 9
アプリの読み込み時にリストボックスを選択するにはどうすればよいですか？
- 10
特定の投稿のみの読み込みを表示するにはどうすればよいですか？
- 11
メール送信中にgifの読み込みを表示するにはどうすればよいですか？
- 12
jQueryで読み込み中のスピナーを表示するにはどうすればよいですか？
- 13
スクリプトの動作中に読み込み中の画像を表示するにはどうすればよいですか？
- 14
ページの読み込みが速くなったときに読み込み画面をテストするにはどうすればよいですか？
- 15
アプリを一定時間読み込んだ後にAdmob広告を読み込むにはどうすればよいですか？
- 16
最初のページの読み込み時にdivが誤って読み込まれるのを防ぐにはどうすればよいですか？
- 17
最初のページの読み込み時にdivが誤って読み込まれるのを防ぐにはどうすればよいですか？
- 18
ページの読み込み後の特定の時間にHTMLクラスを追加および削除するにはどうすればよいですか？
- 19
パターンに基づいてテキストファイルの行を再読み込みするにはどうすればよいですか？
- 20
Laravelでレンダリング時間/ページ読み込み時間を表示するにはどうすればよいですか？
- 21
Node.jsパッケージの読み込み時間のペナルティを計算するにはどうすればよいですか？
- 22
選択したリストオプションに基づいてページの読み込み時にデフォルトのタブ（div）を表示するにはどうすればよいですか
- 23
セレンを使用してmathjaxの読み込み時間を記録するにはどうすればよいですか？
- 24
ページの読み込み時にフォームにデフォルト値を設定するにはどうすればよいですか？（Rails）
- 25
FileReaderの読み込みの進行状況または読み込みアイコンを表示するにはどうすればよいですか？
- 26
Pythonリクエストでウェブサイトの読み込み時間を測定する
- 27
Pythonリクエストでウェブサイトの読み込み時間を測定する
- 28
ウェブサイトの読み込み時間とボリュームを取得するにはどうすればよいですか？
- 29
NewtonSoft（JSON.Net）コンポーネントのJSONと一致するSwiftクラスを使用して、JSONとの間でオブジェクトの配列を読み取り/書き込みするにはどうすればよいですか？
コメントを追加