ajax 呼び出し内で JavaScript 関数を呼び出そうとしています。その関数 (progress
下の関数) は、for ループが実行されるたびに呼び出される必要があります。実際にprogress
は for ループが実行される回数だけ実行されますがprogress
、残りのコードが完了した後にのみ実行されます。
コードの重要な部分のみを掲載します。すべての変数は、あるべき姿で定義されています。retData
正しくアクセスされるオブジェクトのリストです。私が解決しようとしている唯一の問題はprogress
、for ループの実行中に実行され、その後では実行されないことです。
function getAllProcess(){
$.get(processUrl, function(retData){
if (navigator.appVersion.indexOf("Win")!=-1){
windowsFillProcessTable(retData);
}else{
linuxFillProcessTable(retData);
}//end else
$('#divForProcessTable table tbody').append(processHtml);
});//end get
}
function windowsFillProcessTable(retData){
$('#divForProcessTable table tbody #processTableHeaders').append("<th>Session Name</th><th>Session #</th>");
lengthOfList = retData.list.length;
step = 100/lengthOfList;
if (retData.list.length > 0){
for (var i = 0; i < retData.list.length; i++){
numberOfLoaded++;
progress(step * numberOfLoaded, $('#progressBar'));
processHtml += '<tr><td><input type="checkbox" value="' + retData.list[i].pid + '">' + retData.list[i].pid + '</td><td>' + retData.list[i].name + '</td><td>' + retData.list[i].virtualMemorySize + '</td><td>' +
retData.list[i].user + '</td><td>' + retData.list[i].cpuTime + '</td><td>' + retData.list[i].status + '</td><td>' + retData.list[i].sessionName + '</td>' +
'<td>' + retData.list[i].sessionNumber + '</td></tr>';
}//end for
}//end if for length
else{
processHtml = '<tr><td colspan="15">There are no processes matching that expression</td></tr>';
}
}
//Loading bar action
function progress(percent, $element) {
var d = new Date();
console.log(new Date());
var progressBarWidth = percent * $element.width() / 100;
$element.find('div').animate({ width: progressBarWidth }, 500).html(percent + "% ");
}