如何顯示陣列 - 瀏覽器第一次加載

Question

這個腳本後仍連接顯示正確的結果只有一次，然後在瀏覽器仍然是「正在連接...」

$(document).everyTime(1000, 'controlled', function() { 
    $.ajax({ 
     type: 'GET', 
     url: 'sisplits2.log', 
     dataType: 'text', 
     async: 'false', 
     success: function(data){ 
     array = data.split('-'); 
     } 
    }); 
}); 

$(document).everyTime(1000, 'controlled', function() { 
    var j = array.length; 
    var i = 0; 
    $('#vory').html(function(){ 
     while (i<j){ 
     document.write(array[i]); 
     document.write("<br />"); 
     i++; 
     } 
    }); 
}); 

Answer 1

我不明白爲什麼你有兩個定時器在這裏循環。爲什麼不在你的回調函數中做所有的打印？

此外，如問題的註釋中所述，document.write在頁面加載後無效。取而代之的是，使用jQuery附加/替換到您#vory元件：

$(document).everyTime(1000, 'controlled', function() { 
    $.ajax({ 
     type: 'GET', 
     url: 'sisplits2.log', 
     dataType: 'text', 
     async: 'false', 
     success: function(data){ 
      array = data.split('-'); 
      $('#vory').html(''); // Clear contents 
      for(var i in array) { 
       $('#vory').append(array[i]+'<br>'); 
      } 
     } 
    }); 
}); 

實施例：http://jsfiddle.net/j6WuV/1/

的例子是類似的，有用於的jsfiddle修改和使用的setInterval代替everyTime的。