jqueryでajaxを使用すると、ajaxの動作中にページがフリーズし、3〜4秒後にデータが受信されました。ajax 関数に時間間隔を設定して、数秒後に何度も実行すると、ページが非常に遅くなります。
どうすればこれを防ぐことができますか?
私が使用するコードを以下に示します。
function show_clt() {
$.ajaxSetup({
async: true
});
$.ajax({
type: "GET",
url: "online_clients.php",
//data: dataString,
cache: false,
success: function(html) {
$("#online_clients").html(html);
}
});
var dataString = "e_id=<?=$employer_id; ?>";
$.ajax({
type: "GET",
url: "online_employer.php",
data: dataString,
cache: false,
success: function(html){
$("#online_employer").html(html);
}
});
}
show_clt();
setInterval(function() {
$.ajaxSetup({
async: true
});
//var di_scroll = $('#client_main').scrollTop(); alert(di_scroll);
$.ajax({
type: "POST",
url: "online_clients.php",
//data: dataString,
cache: false,
success: function(html) {
$("#online_clients").html(html);
//$('#client_main').scrollTop(60);
}
});
var dataString = "e_id=<?=$employer_id; ?>";
$.ajax({
type: "POST",
url: "online_employer.php",
data: dataString,
cache: false,
success: function(html) {
$("#online_employer").html(html);
}
});
}, 9000);