XMLHttpRequest의하면 전체 페이지를 재로드하지 않고, 웹 페이지의 일부를 갱신 할 수 개체.
그것을 자신을 시도 - 예를
간단한 XMLHttpRequest의 예
간단한 XMLHttpRequest 객체를 생성하고, TXT 파일에서 데이터를 검색 할 수 있습니다.
와 헤더 정보 검색 getAllResponseHeaders()
리소스의 헤더 정보를 검색 (file) .
와 특정 헤더 정보를 검색 getResponseHeader()
특정 자원 검색 헤더 정보 (file) .
ASP 파일의 내용을 검색
웹 페이지는 입력 필드에 사용자 입력 문자하면서 웹 서버와 통신 할 수있는 방법.
데이터베이스의 콘텐츠를 검색
어떻게 웹 페이지는 XMLHttpRequest 객체와 데이터베이스에서 정보를 가져올 수있다.
XML 파일의 내용을 검색
XML 파일로부터 데이터를 검색하고 HTML 테이블의 데이터를 표시하는 XMLHttpRequest 객체를 생성한다.
XMLHttpRequest 객체
XMLHttpRequest 객체는 배후의 서버와 데이터를 교환하기 위해 사용된다.
XMLHttpRequest 객체는 the developers dream 당신이 할 수 있기 때문에 :
- 페이지를 재로드하지 않고도 웹 페이지를 업데이트
- 페이지가로드 된 후 서버에서 데이터 요청
- 페이지가로드 된 후 서버에서 데이터를 수신
- 백그라운드의 서버에 데이터를 보낼
XMLHttpRequest 객체 메소드
| 방법 | 기술 |
|---|---|
| abort() | 현재 요청을 취소합니다 |
| getAllResponseHeaders() | 반환 헤더 정보 |
| getResponseHeader() | 특정 헤더 정보를 반환 |
| open(method,url,async,uname,pswd) | 요청을 비동기 여부를 처리 할 필요가있는 경우, 요청은 URL의 유형을 지정하고, 요청의 다른 선택적 속성 방법 : 요청의 유형 : GET 또는 POST URL : 서버상의 파일의 위치 비동기 : 사실 (asynchronous) 또는 거짓 (synchronous) |
| send(string) | 전송 (문자열) 서버에 해제 요청을 보냅니다. 문자열 : 만 POST 요청에 사용 |
| setRequestHeader() | 헤더에 레이블 / 값 쌍에 요청하실 수 있습니다 추가합니다 |
XMLHttpRequest 객체의 속성
| 재산 | 기술 |
|---|---|
| onreadystatechange | 저장 함수 (or the name of a function) 마다 자동으로 호출 할 수있는 readyState의 속성이 변경 |
| readyState | 는 XMLHttpRequest의 상태를 보유하고있다. 0 4에서 변경 : 0 : 초기화되지 요청할 1 : 서버 연결이 설정 2 : 요청이 접수 3 : 처리 요청 4 : 완성 된 요청과 응답이 준비 |
| responseText | 문자열로 응답 데이터를 반환 |
| responseXML | XML 데이터로 응답 데이터를 반환 |
| status | (예를 들어 상태 번호를 돌려 "404" 에 대한 "Not Found" 또는 "200" "OK"를위한) |
| statusText | (예를 들어 상태 텍스트를 돌려줍니다 "Not Found" "OK"이상) |