Web2.0은 페이지 새로 고침없이 실행되는 웹 응용 프로그램을 지칭하는 용어입니다. 일반 웹 사이트는 사용자가 페이지간에 이동할 수있는 링크가있는 정보 페이지를 제공함으로써 작동합니다. 웹 2.0 응용 프로그램 또는 AJAX 응용 프로그램은 단일 웹 페이지에서 실행되며 clientside javascript를 사용하여 서버에 대한 추가 요청을 시작하고 처리합니다. 추가 요청은 백그라운드에서 실행되며 사용자는 볼 수 없습니다. 최종 결과는 웹 응용 프로그램이 일반 컴퓨터 프로그램과 매우 유사하게 나타나며 사용자는 서버로 전송 된 추가 요청이 완료 될 때까지 기다리지 않고 응용 프로그램 및 응용 프로그램 인터페이스를 계속 조작 할 수 있다는 것입니다.
웹 보안 소개
AJAX는 비동기 Javascript 및 XML의 약자입니다. AJAX에 대한 흥미로운 점은 XML 구성 요소가 실제로 불필요하거나 오히려 선택적이라는 것입니다. 중요한 구성 요소는 비동기 자바 스크립트입니다. 이것은 web2.0 응용 프로그램의 작동 방식을 나타내는 것이며 XML 구성 요소는 서버에 추가 데이터 요청을 보내고받을 수있는 한 가지 형식 일뿐입니다. 그러나이 처리는 백그라운드에서 발생하며 최종 사용자에게는 보이지 않기 때문에 실제로 원하는 데이터 요청 형식을 사용하여 web2.0 응용 프로그램을 빌드 할 수 있습니다.
AJAX web2.0 응용 프로그램을 구현하는 핵심은 XMLHTTP 객체입니다. XMLHTTP 객체는 서버 측과 클라이언트 측 모두 다양한 형태로 존재하며 그 목적은 코딩 애플리케이션 내에서 외부 웹 페이지를 검색하고 처리 할 수 있도록하는 것입니다. 우리는 클라이언트 측 Web2.0 응용 프로그램을 만들려고하고 있으며 자바 스크립트는 웹 브라우저에서 가장 널리 사용되는 스크립팅 응용 프로그램이므로 AJAX는 이상적인 구현이며 XMLHTTP 객체를 인스턴스화하기위한 훌륭한 교차 브라우저 Javascript 코드는 다음과 같습니다. 다음과 같습니다 :
if (document.all) req = new ActiveXObject ( :Microsoft.XMLHTTP:);
else req = new XMLHttpRequest ();
web2.0 응용 프로그램을 만들 때 일반적으로 서버에 데이터를 보내고 양식을 제출하거나 외부 페이지에 대한 링크를 사용하여 응답을받을 때마다 XMLHTTP 객체를 사용하여 구현합니다 백그라운드에서 요청 또는 양식을 보내고 브라우저를 다시로드하지 않고 결과 데이터를 처리 할 수 있습니다. XMLHTTP 객체를 사용하면 요청을 동 기적 또는 비동기 적으로 보낼 수 있지만 AJAX 응용 프로그램을 만들므로 거의 모든 경우 비동기 모드를 사용합니다. 양식 데이터를 제출할 때 GET 또는 POST 메서드를 사용할 수 있지만이 기사에서는 POST를 XMLHTTP 개체와 함께 사용하는 방법을 보여 주므로 가능한 가장 넓은 용도로 사용할 수 있습니다..
XMLHTTP 객체를 인스턴스화하면 web2.0 응용 프로그램을 만드는 네 가지 간단한 명령이 있습니다. :onreadystatechange:속성은 비동기 모드에서 요청 상태가 변경 될 때마다 (예 : 완료 될 때) 실행되는 함수를 정의하는 데 사용됩니다. :open:메서드는 요청을 만들고 :send:메서드는 요청을 보냅니다. 또한 :setRequestHeader:메소드는 제출되는 데이터의 형식을 지정하는 데 사용됩니다. 다음은 기본적인 AJAX 애플리케이션의 작동 방식을 보여주는 몇 가지 예제 코드입니다.
if (document.all) req = new ActiveXObject ( :Microsoft.XMLHTTP:);
else req = new XMLHttpRequest ();
req.onreadystatechange = ajaxProcess;
req.open ( ';POST';, ';http : //';+location.host+';/ajax.asp';,true);
req.setRequestHeader ( ';Content-Type';, ';application / x-www-form-urlencoded';);
req.send ( ';p1 =';+ 이스케이프 (p1) + ';& p2 =';+ 이스케이프 (p2));
이 예제에서 :/ajax.asp:는 검색중인 페이지이고 :ajaxProcess ():는 페이지가 검색되면 실행되는 함수입니다. 변수 :p1:및 :p2:는 양식 데이터로 페이지에 전송됩니다. 원하는 데이터를 원하는대로 보낼 수 있습니다. 그냥 ajax.asp 파일을 올바르게 처리하고 결과를 반환하는지 확인하십시오. 반환 된 결과를 처리하도록 ajaxProcess () 함수를 정의하고 요청이 완료되었음을 나타내도록 사용자 인터페이스를 업데이트하고 적절한 변수 및 / 또는 사용자에게 새 데이터를 업데이트합니다. AJAX web2.0 애플리케이션이 실제로 작동하는지 보려면 www.apocrpg.com에서 작성한 Apocalypse 웹 2.0 RPG를 확인하십시오. .
이 메소드를 사용하면 실제로 일반적인 HTTP 요청을 사용하는 것처럼 서버에 원하는 데이터를 보내고 결과를 처리 할 수 있습니다. 차이점은 정상적으로 완료되면 최종 사용자는 각 페이지가로드 될 때까지 기다려야하며 사용자가 전화 접속 중이고 많은 수의 작업이 독립적으로 수행되어야하는 경우 (여러 페이지 다시로드) 허용 할 수없는 경우입니다. web2.0 응용 프로그램에서 AJAX를 사용하면 백그라운드에서 이러한 작업을 실행할 수 있으며 페이지 요청이 백그라운드에서 처리되는 동안 사용자 인터페이스를 계속 조작 할 수 있으므로 사용자는 지연을 알지 못합니다. 보이지 않습니다..
다음과 같은 두 가지 이유로이 유형의 웹 응용 프로그램은 과거에는 가능하지 않았습니다. 주로 XMLHTTP 객체는 최근까지 사용 가능하지 않았으며 자바 스크립트는 오늘날 거의 모든 브라우저에서 널리 지원되지 않았습니다. 백그라운드 페이지 요청이 가능해 졌기 때문에 앞으로 모든 웹 애플리케이션이 web2.0 / clientside AJAX 애플리케이션으로 변환되거나 마이그레이션 될 가능성이 있습니다. 우리가 의심 할 여지없이 앞으로 몇 년 동안 나타날 것으로 예상되는, 구형 모델에서 불가능하거나 실현 불가능한 수많은 웹 어플리케이션이 잠재적으로 매우 성공적 일 수 있습니다. 귀하의 웹 사이트가 이들 중 하나 일 수 있으므로 시작하십시오.!