최근에 나는 너무 많은 jquaScript를 썼습니다 사실, 이것은 jQuery에서 Ajax의 본질입니다. 저는 전통적인 JavaScript를 사용하여 텍스트 내용을 얻는 방법을 보여줍니다. 및 의견은 자세히 작성되므로 모든 사람이 다음을 이해할 수 있어야합니다.
코드 사본은 다음과 같습니다.
<script type = "text/javaScript">
// (a) 텍스트 파일을 얻는 방법 (전통적인 JavaScript는 Ajax 쓰기 방법을 구현합니다)
함수 loadxmldoc1 ()
{
var xmlhttp;
if (window.xmlhttprequest)
{
// IE7+, Firefox, Chrome, Opera, Safari에 대한 코드
xmlhttp = new xmlhttprequest ();
}
또 다른
{
// IE6, ie5 코드
xmlhttp = new ActiveXobject ( "microsoft.xmlhttp");
}
// OnreadyStateChange는 함수 (또는 함수 이름)를 저장하며 ReadyState 속성이 변경 될 때마다 호출됩니다.
xmlhttp.onreadyStateChange = function ()
{
// readystate
// xmlhttprequest의 상태가 있습니다. 0에서 4로 변경됩니다.
// 0 : 요청이 초기화되지 않았습니다
// 1 : 서버 연결이 설정되었습니다
// 2 : 요청이 접수되었습니다
// 3 : 요청 처리가 진행 중입니다
// 4 : 요청이 완료되었고 응답이 준비되었습니다.
//상태
// 200 : "OK"
// 404 : 페이지를 찾을 수 없습니다
if (xmlhttp.readystate == 4 && xmlhttp.status == 200)
{
document.getElementById ( "myDiv1"). innerHtml = xmlhttp.responsetext;
}
}
xmlhttp.open ( "get", "doc/test1.txt", true);
xmlhttp.send ();
}
HTML 페이지 코드 :
코드 사본은 다음과 같습니다.
<body>
<form id = "form1"runat = "Server">
<%-서버에서 텍스트 파일을 가져 와서 표시-%>
<div id = "mydiv1"> <h2> ajax </h2> </div>를 통해 내용을 변경하십시오
<button id = "btnchange1"type = "button"onclick = "loadxmldoc1 ()"> ajax를 통해 컨텐츠 변경 (위의 텍스트 가져 오기 1.txt) </button>
</form>
</body>
데모 효과 :