AJAX의 핵심 객체에 대해 간략하게 설명-JS 튜토리얼-php.cn

AJAX의 핵심 객체에 대해 간략하게 설명

亚连

풀어 주다： 2018-05-24 14:33:56

원래의

2312명이 탐색했습니다.

핵심 개체는 페이지를 다시 로드하지 않고도 웹 페이지를 업데이트하고, 페이지가 로드된 후 클라이언트 측 서버에서 데이터를 요청하고, 페이지가 로드된 후 서버 측에서 데이터를 수락하고, 클라이언트에 데이터를 보낼 수 있는 XMLHttpRequest입니다. 백그라운드에서.

　　　Ajax는 2005년 2월에 탄생했지만 지금은 이미 뜨거운 반응을 얻고 있는 새로운 기술입니다. 이 신기술은 웹사이트의 사용자 경험을 크게 향상시킬 수 있습니다.

　　Ajax란

　　Ajax는 비동기식 Javascript 및 XML( Asynchronous JavaScript와 XML의 영어 약어입니다.

　Ajax의 핵심 개념은 XMLHttpRequest 객체를 사용하여 비동기 요청을 보내는 것입니다. Ajax는 실제로 새로운 언어나 기술이 아닌 공통된 방식으로 결합된 것입니다.

Ajax의 장점

1. Ajax의 원칙은 "요청 시 데이터 가져오기"입니다. 2. 페이지를 새로 고칠 필요가 없으므로 사용자 심리가 줄어듭니다. 실제 대기 시간 .

　　 3. 더 나은 사용자 경험을 제공합니다.

　　 4. 이전에 서버에서 부담했던 작업 중 일부를 클라이언트로 전송하여 클라이언트의 유휴 용량을 사용하여 처리할 수 있어 클라이언트의 부담을 줄일 수 있습니다.

　　5. 외부 데이터 호출이 가능합니다.

　　6. 표준화되고 널리 지원되는 기술을 기반으로 플러그인이나 작은 프로그램을 다운로드할 필요가 없습니다.

　　7. 페이지 표시와 데이터의 분리를 더욱 촉진합니다.

2. XMLHttpRequest 객체 소개

　 Ajax의 가장 큰 특징 중 하나는 새로 고치지 않고도 서버에 데이터를 전송하거나 읽고 쓸 수 있다는 것입니다. 페이지(새로 고침 없이 페이지 업데이트라고도 함) 이 기능은 주로 XMLHTTP 구성 요소 XMLHttpRequest 개체로 인해 발생합니다.

XMLHttpRequest 속성이 이벤트 핸들러는 상태가 변경될 때마다 트리거되며 일반적으로 JavaScript 함수 readyState 요청된 상태 responseText 문자열로 표시되는 서버의 응답 responseXML XML로 표현된 서버의 응답, 이 객체는 DOM 객체로 파싱될 수 있습니다 status 서버의 HTTP 상태 statusText HTTP 상태에 해당하는 텍스트

이 이벤트 핸들러는 상태가 변경될 때마다 트리거되며 일반적으로 JavaScript 함수를 호출합니다.

　XMLHttpRequest 메서드

XMLHttpRequest 개체의 몇 가지 일반적인 메서드

Method	Description
abort()	현재 요청을 중지합니다.
getAllResponseHeaders()	HTTP 요청의 해당 헤더를 모두 키/값 쌍으로 반환합니다.
getResponseHeader(" header ")	지정된 헤더의 문자열 값을 반환합니다
open("method","url")	서버에 대한 호출을 설정합니다. 메서드 매개변수는 GET, POST 또는 PUT 등이 될 수 있습니다. url 매개변수는 상대 URL 또는 절대 URL일 수 있습니다. 이 메소드에는 3개의 선택적 매개변수도 포함됩니다
send(content)	서버에 요청을 보냅니다
setRequestHeader("header","value")	지정된 헤더를 제공된 값으로 설정하세요. 헤더를 설정하기 전에 open() 메서드를 호출해야 합니다.

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