>웹 프론트엔드 >JS 튜토리얼 >Ajax에서 부분 새로 고침을 수행하는 방법은 무엇입니까?

Ajax에서 부분 새로 고침을 수행하는 방법은 무엇입니까?

php中世界最好的语言
php中世界最好的语言원래의
2018-04-02 14:10:242674검색

이번에는 부분 새로 고침을 수행하는 몇 가지 ajax 방법을 소개하고, ajax가 부분 새로 고침을 수행하는 주의사항은 무엇인지 살펴보겠습니다.

ajax 부분 새로 고침

<script> 
setInterval("refreshTime()",1000); //每格1秒刷新一次 
funciton refreshTime() 
{ 
var dateObj = new Date(); 
time.innerHTML = dateObj.toLocaleDateString(); //刷新p里面的内容 
} 
</script> 
<p id=time> </p>
function doRef() 
{ 
var url = "xxx.aspx" 
var dateRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
dateRequest.abort() ; 
dateRequest.open( "GET", url , true ); 
dateRequest.onreadystatechange = onSendSelf ; 
dateRequest.send() ; 
function onSendSelf() 
{ 
if( dateRequest.readyState != 4 ) 
{ 
return ; 
} 
var theDate = dateRequest.responseText ;//如果出现编码问题,可以在服务端escape一下,然后在这里使用unescape( responseText ) 
thep.innerHTML = theDate ; 
} 
} 
setInterval( doRef , 1000 ) ;//1秒刷新一次,有点快
<form id="form1" runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<br /> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick"> 
</asp:Timer> 
<asp:TextBox ID="TextBox1" runat="server"> </asp:TextBox> 
</ContentTemplate> 
</asp:UpdatePanel> 
</form>

======배경 Timer1_TickeventTextBox1에

//Interval="1000"을 추가하세요.

너 읽어보시면 이해되실 겁니다

이 글의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 원하시면 PHP 중국어 웹사이트의 다른 관련 글도 주목해주세요!

추천 도서:

Blod를 사용하여 Ajax 진행률 표시줄 다운로드

Ajax+json을 구현하여 장바구니 결산

위 내용은 Ajax에서 부분 새로 고침을 수행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.