jquery 빨리 파일을 읽을

Question

텍스트 파일을 반복해서 읽고 텍스트를 기반으로 페이지를 변경하려고합니다. 현재 파일을 읽는 방식이 오래 걸리며 빠른 방법이 있는지 묻습니다.

<script> 
scoreIsShown = false 
team1 = "" 
team2 = "" 
score1 = 0 
score2 = 0 
function UrlExists(url) 
{ 
    $.get("showscore.txt", function(data) { 
     $(".result").html(data); 
     showscore = (data.toLowerCase() == "true") 

    }); 
    $.get("team1.txt", function(data) { 
     `enter code here`$(".result").html(data); 
     //(data); 
     team1 = data 

    }); 
    $.get("team2.txt", function(data) { 
     $(".result").html(data); 
     //(data); 
     team2 = data 

    }); 
    $.get("score1.txt", function(data) { 
     $(".result").html(data); 
     //(data); 
     s = (data.toLowerCase() == "true") 
     score2 = parseInt(data) 

    }); 
    $.get("score2.txt", function(data) { 
     $(".result").html(data); 
     //(data); 
     score2 = parseInt(data) 

    }); 

} 
function showScore1() 
{ 
    x = document.createElement("table") 
    tr = document.createElement("tr") 
    td = document.createElement("td") 
    team1p = document.createTextNode(team1) 
    td.appendChild(team1p) 
    tr.appendChild(td) 
    x.appendChild(tr) 
    document.body.appendChild(x) 
} 
function onload() 
{ 
    while (true){ 
     UrlExists("binary1.txt") 
     setTimeout(function() 
     { 
      if (showscore) 
      { 
       if (!scoreIsShown) 
       { 
        showScore1() 

       } 
      }else{ 
       if (scoreIsShown) 
       { 
        //hideScore() 
       } 
      } 
     }, 10) 
    } 
} 
</script> 

모든 파일은 한 줄로 길이가 10 문자 미만입니다.

Answer 1

야! 무한 루프가 생겨서 이 너무 길어서이 걸립니다.

while (true){ 
    UrlExists("binary1.txt") //<--Everything here is async so it returns immediately 
    setTimeout(function() 
    { 
     if (showscore) 
     { 
      if (!scoreIsShown) 
      { 
       showScore1() 

      } 
     }else{ 
      if (scoreIsShown) 
      { 
       //hideScore() 
      } 
     } 
    }, 10) //<--This is also async, so it returns immediately 
    //You've done almost nothing, lets do it again! 
} 

파일을 요청하고 시간 초과 또는 초당 시간 제한을 설정하고 있습니다.

이 대신 같은 것을 수행

function UrlExists(url) { 
    $.when(//start a promise to keep track of every request 

     $.get("showscore.txt", function(data) { 
      $(".result").html(data); 
      showscore = (data.toLowerCase() == "true") 
     }), 
     $.get("team1.txt", function(data) { 
      $(".result").html(data); 
      //(data); 
      team1 = data 
     }), 
     $.get("team2.txt", function(data) { 
      $(".result").html(data); 
      //(data); 
      team2 = data 
     }), 
     $.get("score1.txt", function(data) { 
      $(".result").html(data); 
      //(data); 
      s = (data.toLowerCase() == "true") 
      score2 = parseInt(data) 
     }), 
     $.get("score2.txt", function(data) { 
      $(".result").html(data); 
      //(data); 
      score2 = parseInt(data) 
     }) 

    ).done(function() { 
     //when all done, continue 
     //do the thing you was doing in the while 
     if (showscore) 
     { 
      if (!scoreIsShown) 
      { 
       showScore1() 
      } 
     }else{ 
      if (scoreIsShown) 
      { 
       //hideScore() 
      } 
     } 
     //and set a timer to call the funcion again later 
     setTimeout(function() { 
      UrlExists(url); 
     },60000); 
    }); 

} 

function onload() { 
    UrlExists("binary1.txt"); 
} 

하는 경우는 여전히 느린, 그것은 당신의 서버입니다. 나는 모든 데이터 (아마 JSON 또는 XML)를 가진 단일 파일을 생성하고 매번 한 번만 요청하는 것을 권장한다. 나는 그것을 강력하게 제안한다.