Ajax 상호작용 프로세스의 단계는 무엇입니까?

Ajax 상호작용 프로세스 단계: 1. XMLHttpRequest 객체 생성 2. 요청 유형, URL 및 요청을 비동기식으로 처리할지 여부를 지정합니다. 3. 서버에 정보를 보낼 때 콘텐츠 인코딩 유형을 설정합니다. 5. 서버 응답 데이터를 수락합니다. 6. JS 및 DOM을 사용하여 부분 새로 고침을 수행합니다.

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

AJAX는 비동기 JavaScript 및 XML을 나타냅니다. 데이터를 비동기적으로 표시하기 위한 관련 기술 집합입니다. 즉, 웹페이지를 다시 로드하지 않고 데이터를 보내고 검색합니다.

ajax 상호작용 프로세스 단계

1. XMLHttpRequest 객체를 생성합니다

var ajax = new XMLHttpRequest();

2. 요청 유형, URL 및 요청을 비동기적으로 처리할지 여부를 지정합니다.

ajax.open('GET',url,true);

3. 서버에 정보를 보낼 때 콘텐츠 인코딩 유형을 설정하세요

ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

4. 요청 보내기

ajax.send(null);

5. 서버 응답 데이터를 수락하세요

ajax.onreadystatechange = function () {
    if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) { 
    }
};

6. 부분 새로고침을 구현하세요. 지식: ajax 요청이 몇 개나 있나요?

일반적으로 사용되는 게시, 가져오기, 삭제입니다. 카피, 헤드, 링크 등은 일반적으로 사용되지 않습니다.

차이점:

(1) Post가 get보다 안전합니다(post 매개변수가 요청 본문에 있기 때문입니다. get 매개변수는 url에 있습니다)

(2) get의 전송 속도가 post보다 빠릅니다. 전달된 매개변수에 따라 결정됩니다. (포스트는 요청 본문을 통해 매개변수를 전달하고, 백그라운드는 데이터 스트림을 통해 수신합니다. 속도가 약간 느립니다. Get은 URL을 통해 매개변수를 전달하여 직접 얻을 수 있습니다.)

(3) 포스트 전송 파일에는 제한이 없습니다. 이론상 get 전송 파일의 크기는 7-8k ie4k 정도입니다. 좌우

(4) get to get data post upload data (업로드된 데이터가 많고 업로드된 데이터가 중요한 데이터입니다. 그래서 포스트는 보안 및 데이터 크기 측면에서 최고의 선택)

[관련 튜토리얼 권장 사항:

AJAX 비디오 튜토리얼

]

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