Ajax의 상호 작용 모델은 무엇입니까

ajax의 상호 작용 모델은 다음과 같습니다. 1. 사용자가 비동기식 요청을 발행합니다. 2. onReadyStateChange를 사용하여 모니터링합니다. 3. 요청을 생성하고 open 메서드를 사용하여 요청이 비동기식인지 또는 게시되는지 여부와 URL을 지정합니다. 4. 요청을 보냅니다. 5. 결과를 수락하고 6. 새로 고침을 구현합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Ajax의 전체 이름: Asychronous javascript 및 xml은 대화형 웹 애플리케이션을 만들기 위한 웹 개발 기술입니다.

ajax 상호 작용 모델

1. 사용자가 비동기식 요청을 발행합니다.

2. onReadyStateChange를 사용하여 모니터링합니다.

3. 요청을 생성하고, open 메서드를 사용하여 요청이 get인지 post인지, 비동기인지 지정합니다. , URL 주소

4. 요청 보내기, 방법 보내기

5. 결과 수락 및 분석

6. 새로 고침 구현

동기식 비동기 차이:

동기식: 스크립트가 유지되어 서버를 기다립니다. 계속하기 전에 답장 보내기

비동기: 스크립트를 사용하면 페이지가 프로세스를 계속하고 가능한 응답을 처리할 수 있습니다.

var xhr = new XMLHttpRequest();
xhr.open('请求方式GET或者POST或者其他', 请求地址url, 是否开启异步async);
xhr.onreadystatechange = function() {
    // readyState == 4说明请求已完成
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
}
if (method == 'POST') {
    //给指定的HTTP请求头赋值
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
}
xhr.send()

【관련 튜토리얼 권장 사항: AJAX 비디오 튜토리얼】

위 내용은 Ajax의 상호 작용 모델은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!