2015-01-19 1 views
3

그래, 비슷한 질문을하기 전에 물어 보았습니다.하지만 가능한 한 명확히하려고 노력하겠습니다.Ajax 브라우저 로딩 바 사용 가능

저는 AJAX를 통해 내부 페이지를로드하는 webapp를 가지고 있습니다. 컴퓨터에있을 때 웹 브라우저에 ajax를 통해로드되는 페이지의 진행 상태를 사용자에게 보여주기 위해 브라우저에 정상로드/진행 막대 (진행률 html 요소가 아닌 주소 표시 줄에있는 막대)를 사용하고 싶습니다. 이 기능을 실행하려면 어떻게해야합니까? 심지어 가능할까요? 나는 기본 주소가 & 로딩 바 인 브라우저에 없을 때 webapp에 사용할 계획 인 사용자 정의 진행률 막대를 수행하는 방법을 알고 있습니다.

답변

0

예, 가능합니다. 이런 식으로 할 수 있습니다.

<html> 
    <body> 
    <progress id="progress" value="0" max="4"></progress> 
    </body> 
    </html> 

나는이 질문에 대한 답변이 되었기를 바랍니다 : 여기에

var xmlhttp;                      
if (window.XMLHttpRequest) 
{// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
} 
else 
{// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
    xmlhttp.onreadystatechange=function(){ 
    document.getElementById("progress").value = xmlhttp.readyState; 
} 

는 HTML입니다 : 는 여기에 귀하의 자바 스크립트입니다.

+0

... 어떻게 브라우저의 로딩 바를 사용하고 있습니까? 나는 진보 요소를 사용하고 싶다고 말하지 않았다. 브라우저의 기본로드 바 (주소 표시 줄에있는 기본로드 바)를 실행하고 싶습니다. 페이지의 요소가 아닙니다. –

1

나는 비슷한 질문을 조금 전에했고 브라우저에로드되는 데이터의 실제 진행을 알리는 방법이 없다는 결론을 내 렸습니다.하지만로드 지시기를 트리거하는 방법이 있습니다 Ajax를 사용하여 백그라운드에서 아이콘이나 데이터와 같은 것을로드하고있다.

나를 도울 수있는 일부 링크는 this postthis page이 될 것입니다.

이 질문이 도움이 되었기를 바랍니다.

리암

+0

그 게시물을 보았지만 iframe을 사용합니다 ... iframe이 아닌 ajax를 사용하고 싶습니다. –

+0

또한 Safari에서는 아무 것도하지 않는 것 같습니다. –