최고의 AJAX - 인 onreadystatechange 이벤트 튜토리얼 2024년, 이 튜토리얼에서는 인 onreadystatechange 이벤트,예,콜백 함수를 사용하여,예,를 배울 수 있습니다.

AJAX - 인 onreadystatechange 이벤트

인 onreadystatechange 이벤트

요청이 서버에 전송되면, 상기 응답에 기초하여 우리가 어떤 작업을 수행해야한다.

때마다 readyState가 변경을 onreadystatechange 이벤트를 트리거합니다.

이 XMLHttpRequest의 readyState의 속성 상태 정보를 표시합니다.

다음은 XMLHttpRequest의 개체 세 가지 중요한 특성이다 :

属性 描述
onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

  • 0: 请求未初始化
  • 1: 服务器连接已建立
  • 2: 请求已接收
  • 3: 请求处理中
  • 4: 请求已完成,且响应已就绪
status 200: "OK"
404: 未找到页面

onreadystatechange의 경우에, 우리는 태스크가 실행될 때 처리 할 준비가되었을 때 서버가 응답 할 것을 요구한다.

때 4 200과 동일하게 readyState의 상태, 응답 준비 :

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}

»시도

참고 : 인 onreadystatechange 이벤트는 readyState가 변경의 각각에 대응, 5 회 (0--4)을 트리거됩니다.


콜백 함수를 사용하여

다른 함수에 매개 변수로 전달 콜백 함수입니다.

여러 AJAX 작업이 사이트에 존재하는 경우에, 당신은 표준 함수를 작성하는 XMLHttpRequest 객체를 생성해야하고, 기능은 각 AJAX 작업을 위해 호출됩니다.

URL은 함수 호출을 포함해야하고, 작업 (각 통화가 다를 수 있습니다에 대한) 인 onreadystatechange 이벤트가 발생 수행 :

function myFunction()
{
loadXMLDoc("ajax_info.txt",function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
});
}

»시도


AJAX - 인 onreadystatechange 이벤트
10/30