JavaScript는 Ajax를 기반으로 하여 새로 고침 없이 웹 페이지에 파일 콘텐츠를 동적으로 표시합니다.-JS 튜토리얼-php.cn

JavaScript는 Ajax를 기반으로 하여 새로 고침 없이 웹 페이지에 파일 콘텐츠를 동적으로 표시합니다.

亚连

풀어 주다： 2018-05-25 11:48:55

원래의

1808명이 탐색했습니다.

이 기사에서는 새로 고침 없이 웹 페이지에 파일 내용을 동적으로 표시하는 Ajax 기반 JavaScript를 주로 소개합니다. 이는 서버에서 txt 파일 내용을 실시간으로 표시하는 기능을 실현할 수 있는 Ajax의 기본 응용 프로그램이며 특정 참조가 있습니다.

이 문서의 예에서는 JavaScript가 Ajax를 기반으로 새로 고침 없이 웹 페이지에 파일 콘텐츠를 동적으로 표시하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

다음 JS 코드는 가장 기본적인 JS ajax 구현으로, ajax_info.txt 파일의 내용을 서버에서 동적으로 표시할 수 있습니다.

<!DOCTYPE html>
<html>
<head>
<title>sharejs.com</title>
<script>
function loadXMLDoc()
{
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()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  document.getElementById("myp").innerHTML=xmlhttp.responseText;
  }
 }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<p id="myp"><h2>Let AJAX change this text</h2></p>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>

로그인 후 복사

위 내용은 제가 컴파일한 것입니다. 모두를 위해, 앞으로 모든 사람에게 도움이 되기를 바랍니다.