AJAX의 XMLHttpRequest 객체

수다왕

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 6년 전 · 조회 2013 2013

XMLHttpRequest 객체

AJAX의 핵심은 XMLHttpRequest 객체입니다.

최신의 모든 브라우저는 XMLHttpRequest 객체를 지원합니다.

XMLHttpRequest 객체는 백그라운드에서 웹 서버와 데이터를 교환하는 데 사용할 수 있습니다.
즉, 전체 페이지를 다시로드하지 않고도 웹 페이지의 일부를 업데이트 할 수 있습니다.

XMLHttpRequest 객체 만들기

모든 최신 브라우저 (Chrome, Firefox, IE7 +, Edge, Safari, Opera)에는 기본 제공 XMLHttpRequest 객체가 있습니다.

XMLHttpRequest 객체를 만들기위한 구문 :

variable = new XMLHttpRequest();

예
var xhttp = new XMLHttpRequest();

소스
<!DOCTYPE html>
<html>
<body>

<h2>The XMLHttpRequest Object</h2>

<p id="demo">Let AJAX change this text.</p>

<button type="button" onclick="loadDoc()">Change Content</button>

</body>
</html>

도메인 간 액세스

보안상의 이유로 최신 브라우저는 도메인 전체에 대한 액세스를 허용하지 않습니다.

즉,로드하려는 웹 페이지와 XML 파일은 모두 동일한 서버에 있어야합니다.

W3Schools의 예제는 모두 W3Schools 도메인에있는 XML 파일을 엽니 다.

위의 예를 자신의 웹 페이지 중 하나에서 사용하려면로드하는 XML 파일을 자신의 서버에 위치시켜야합니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5246	node.js	노드로 멀티스레드 기능 구현하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1102
5245	PHP	PHP에서 대량의 푸시 메시지를 보내기 위한 팁 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2523
5244	PHP	PHP로 인쇄명령주기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1284
5243	JavaScript	Javascript로 JSON데이터를 보기좋게 만들기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	683
5242	node.js	NodeJS에서 콘솔명령 실행하고 그 리턴값을 파일로 저장하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	664
5241	node.js	NodeJS CORS (Cross-Origin Resource Sharing) 허용하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	775
5240	MySQL	MySQL과 PostgreSQL의 우단점	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	802
5239	MySQL	프로시저 cursor 사용 예	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	776
5238	JavaScript	바닐라 ajax 파일업로드 예제	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	977
5237	웹서버	PHP에서 CORS (Cross-Origin Resource Sharing) 허용하기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	3984
5236	PHP	PHP로 AES-256-GCM 복호화	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	897
5235	PHP	PHP와 NodeJS의 강점 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1376
5234	기타	트래픽 로그(실시간?) 그래프로 보기?	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	751
5233	jQuery	jquery datepicker 선택한 날짜의 요일을 얻기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2032
5232		크롤러 *업데이트	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	615
5231		게시글 본문에서 qr코드 출력 (gpt) [3]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1168
5230		웹사이트 크롤러 [4]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1068
5229	PHP	PHP에서 가상 게이트웨이를 구현하여 패킷 라우팅 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1018
5228	MySQL	프로시저 기본편	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	721
5227	PHP	PHP에서 특정 네트워크 인터페이스(망카드)를 선택하여 통신 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	833
5226	PHP	PHP로 웹소켓서버를 창조하는 방법 한가지 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1808
5225	PHP	MSSQL서버에 접속하지 못할때	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	574
5224	node.js	NodeJS로 ffmpeg 사용하여 rtsp 데이터를 websocket 으로 방송하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	4079
5223	PHP	PHP로 백그라운드 서비스를 실행하는 방법 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1314
5222	기타	이전글,다음글 기능이 안되는 경우	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	557
5221	PHP	아파치, PHP에서 MSSQL 리용할때	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	650
5220		MVC구조의 PHP프레임워크들이 꼭 사용하는 spl_autoload_register() [4]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	902
5219		mp4 미디어바 중앙정렬 [8]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	875
5218		Laravel에서 php artisan migrate --seed 실행시 "Specified key was too long error" 오류발생 [1]	슈퍼디브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	520
5217		상단으로 를 상하 이동 및 퍼센트 표시 하기 [6]	들레아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	996