본문 바로가기

728x90
반응형

웹언어/AJAX - JS버전

(2)
[AJAX강좌] 2강 XMLHttpRequest 객체 - 오쌤의 니가스터디 1. XMLHttpRequest 객체 - AJAX의 핵심은 XMLHttpRequest 객체입니다. 우선적으로 XMLHttpRequest 객체를 생성한 후 콜백 함수를 정의하고 XMLHttpRequest를 열어 서버에 요청을 보냅니다. - 모든 최신 브라우저는 XMLHttpRequest 객체를 지원합니다. 웹서버와 데이터를 교환하는 데 사용하고, 전체 페이지를 다시 로드하지 않고, 웹페이지의 일부를 업데이트할 수 있습니다. ## XMLHttpRequest 객체 생성 구문 variable 변수명 = new XMLHttpRequest(); ## 콜백함수 정의 //xhttp : 변수명 xhttp.onload = function() { //응답이 준비되면 수행할 작업 } - 콜백함수는 다른 함수의 매개변수로 전달..
[AJAX강좌] 1강 AJAX 소개 - 오쌤의 니가스터디 1. AJAX란? - AJAX는 Asynchronous JavaScript And XML의 약자로 비동기 방식의 javascript와 XML을 의미합니다. - Ajax란 자바스크립트처럼 특정 프로그래밍 언어를 지칭하는 것도 아니고, 제이쿼리나 리액트처럼 특정한 프레임워크를 지칭하는 것도 아닌 구현하는 방식입니다. 1) 동기방식이란? - 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작이 수행할 수 있습니다. - 자료를 요청하면 잠시 페이지가 서버 스크립트(Server Script) 페이지로 갱신되어 화면이 깜박거리고 그동안 사용자는 어떤 작업도 할 수 없습니다. 2) 비동기방식이란? - AJAX 사용 후 방식 - 사용자가 서버에 자료를 요청할 때 화면 전환 없이 요청한 자료(XML, HTML, JSON..

728x90
반응형