자바 스크립트와 Ajax를 사용 하 여 비동기 요청 만들기

이 기사에서는 가장 기초적이 고 기본적인 Ajax 관련 객체 및 프로그래밍 방법 터치 시작 됩니다: XMLHttpRequest 개체. 이 개체는 실제로 단지 공용 스레드 모든 Ajax 응용 프로그램을 확장 하 고 당신이 개체의 철저 한 이해만 프로그래밍의 잠재력을 발휘 하다 것을 예상 하는 수 있습니다. 사실, 가끔 있습니다 올바르게 XMLHttpRequest를 사용 하 여 XMLHttpRequest를 사용할 수 없습니다. 도대체 일어나 여기?

웹 2.0 엿볼

코드에 delving 전에 보세요-최근 보기에 웹 2.0의 개념에 대해 매우 명확 하 게 해야. 단어 웹 2.0을 들을 때 먼저 알아봐야 "웹 1.0은 무엇입니까?" "비록 당신이 거의 웹 1.0에 대해 듣고, 실제로 참조와 완전히 다른 요청 및 응답 모델 전통적인 웹 합니다." 예를 들어 Amazon.com 사이트에 있는 단추를 클릭 하거나 검색어를 입력 합니다. 서버에 요청 하 고 응답은 브라우저에 반환 됩니다. 이 요청 하지도 서 및 참고 문헌, 하지만 또 다른 완전 한 HTML 페이지의 목록입니다. 그래서 당신이 볼 수 있습니다 웹 브라우저와 새로운 HTML 페이지를 다시 그릴 때 깜박이 또는 지터. 사실, 요청 및 응답 당신이 보고 각각의 새 페이지에서 명확 하 게 볼 수 있습니다.

웹 2.0 (대부분)이 보이는 왕복 상호 작용을 제거합니다. 예를 들어 Google Maps 또는 Flickr (참고 자료 이러한 지원 웹 2.0에 대 한 링크 및 Ajax 사이트)와 같은 사이트를 방문 하십시오. 예를 들어 Google Maps에 당신이 수 지도 드래그 하면, 확대 / 축소, 거의 다시 작업. 물론 지금도 요청 및 응답, 하지만 장면 뒤에 숨겨져 있습니다. 사용자로, 경험 더 편안 하 게 하 고 데스크톱 응용 프로그램 같은 느낌. 이 새로운 느낌, 패러다임은 누군가가 웹 2.0을 언급 하는 때 실현.

염려할 필요는이 새로운 상호 작용을 가능 하 게 하는 방법 이다. 물론, 응답, 요청을 해야 하지만 그것은 천천히, 서투른 웹 상호 작용에 대 한 각 요청/응답 상호 작용 하는 HTML 다시 그리기. 그래서 우리가 요청을 확인 하 고만 하는 전체 HTML 페이지 보다는 필요한 데이터를 포함 하는 응답을 수신 하는 방법이 필요 분명 하다. 사용자가 새 페이지를 볼 하려면 완전히 새로운 HTML 페이지를 얻이 필요가 있는 유일한 시간 때.

그러나 대부분 상호 작용,, 기존 페이지에 내용을 추가, 본문 텍스트를 수정 하거나 기존 데이터를 덮어씁니다. 이러한 경우에 Ajax와 웹 2.0 메서드는 데이터를 전송 하 고 전체 HTML 페이지를 업데이트 하지 않고 수 있습니다. 종종 인터넷을 서핑 하는 사람들에 대 한이 기능은 응용 프로그램을 빨리 느끼고, 더 신속 하 게 반응 하 고 시간을 시간에서 귀하의 사이트를 방문 하 게 만들 수 있습니다.