본문 바로가기

js

AJAX 란?

1. AJAX 란?

AJAX is a developer's dream, because you can:

  • Read data from a web server - after the page has loaded
  • Update a web page without reloading the page
  • Send data to a web server - in the background

AJAX는 개발자의 꿈이다. 왜냐하면 당신은 페이지가 로드된 후에 웹 서버로 부터 데이터를 읽어들일 수있다. 또 페이지를 다시 로딩하지않고도 웹 페이지를 업데이트 할 수 있다. 또 웹 서버로 데이터를 보낼 수 있다.

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

What is AJAX?
AJAX = Asynchronous JavaScript And XML.(비동기식 자바스크립트 그리고 XML)

  • 비동기식 프로그래밍
     . 프로그램 수행이 순차적이지 않고, 이벤트 발생시 마다 그때그때 수행하는 방식
  • 동기식 프로그래밍
     . 프로그램 수행이 순차적이어서, 현재 코드 실행이 완료되어야 다음 코드가 실행되는 방식

AJAX is not a programming language.
AJAX는 프로그래밍 언어가 아니다.
AJAX just uses a combination of: A browser built-in XMLHttpRequest object (to request data from a web server) ,JavaScript and HTML DOM (to display or use the data)
AJAX는 브라우저 내장 XMLHttpRequest객체(웹 서버의 데이터 요청)과 Javascript 및 HTML DOM(데이터 표시 또는 사용)을 조합해서 사용합니다.

XMLHttpRequest란?
서버와 상호작용하기 위해 XMLHttpRequest(XHR) 객체를 사용합니다. 전체 페이지의 새로고침없이도 URL 로부터 데이터를 받아올 수 있습니다. 이는 웹 페이지가 사용자가 하고 있는 것을 방해하지 않으면서 페이지의 일부를 업데이트할 수 있도록 해줍니다. XMLHttpRequest 는 AJAX 프로그래밍에 주로 사용됩니다.

AJAX is a misleading name. AJAX applications might use XML to transport data, but it is equally common to transport data as plain text or JSON text.
AJAX는 오해의 소지가 있는 이름입니다. AJAX 어플리케이션은 XML을 데이터를 전송하기 위해 사용하는데, 이것은 일반 텍스트 또는 JSON 텍스트로 데이터를 전송하는 것과 똑같이 일반적입니다.

2. AJAX 동작 방식

 

How AJAX Works

 

 

3. 위키의 정의

Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는  개발 기법이다.

  • 표현 정보를 위한 HTML (또는 XHTML) 과 CSS
  • 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트
  • 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest (Ajax 애플리케이션은 XML/XSLT 대신 미리 정의된 HTML이나 일반 텍스트, JSON, JSON-RPC를 이용할 수 있다).

DHTML이나 LAMP와 같이 Ajax는 자체가 하나의 특정한 기술을 말하는 것이 아니며, 함께 사용하는 기술의 묶음을 지칭하는 용어이다. 실제로 AFLAX와 같이 사실상 Ajax에 바탕을 두고 있는 유사/복합 기술들이 속속 나타나고 있다.

Ajax 애플리케이션은 실행을 위한 플랫폼으로 위에서 열거한 기술들을 지원하는 웹 브라우저를 이용한다. 이것을 지원하는 브라우저로는 모질라 파이어폭스, 인터넷 익스플로러, 오페라, 사파리, 구글 크롬 등이 있다. 단, 오페라는 현재 XSL 포맷팅 객체와 XSLT 변환을 지원하지 않는다.[1]

 

Ajax - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 둘러보기로 가기 검색하러 가기 다른 뜻에 대해서는 에이젝스 문서를 참조하십시오. 다른 뜻에 대해서는 아이아스 문서를 참조하십시오. Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다. 표현 정보를 위한 HTML (또는 XHTML) 과 CSS 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스

ko.wikipedia.org

 

 

4. 요약 및 느낀점

w3schols.com에서 AJAX에 대해서 공부했다. AJAX의 가장 큰 매력은 페이지를 다시 로딩하지 않고도 웹 페이지를 업데이트 할 수 있다는 점이다.