본문 바로가기

Language/Ajax3

XmlHttpRequest 요청 및 처리 흐름 ★ AJAX의 XMLHttpRequest 요청 및 처리- AJAX의 주요 기본구성요소중 하나인 XMLHttpRequest 객체 - XMLHttprequest : 웹서버와 통신을 담당함. 사용자의 요청을 웹서버에 전송 및 웹서버로부터 받은 결과를 웹브라우저에 전달함 1. XMLHttpRequest 프로그래밍 순서 - XMLHttpRequest 객체 구하기- 웹서버에 요청 전송하기 - 웹 서버에서 응답이 도착하면 화면에 반영하기 1) XMLHttpRequest 객체 생성 - New ActiveXObject(“Msxml2.XMLHTTP”); // IE신버전(MSXML2) - New ActiveXObject(“Microsoft.XMLHTTP”); // IE구버전 - New XMLHttpRequest(); // .. 2016. 2. 4.
ajax 기본 개념 정리 ★ AJAX : Asynchronous JavaScript + XML JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술 1. AJAX 장점-페이지 이동 없이 고속으로 화면 전환-서버 처리를 기다리지 않고 비동기 요청이 가능-서버 측 처리를 각 PC에 분산 가능-수신하는 데이터의 양을 줄임 2. AJAX 단점-크로스 브라우저화의 노하우 필요-AJAX를 사용하지 못하는 브라우저-오픈 소스이므로 차별화가 어려움-보안에 더욱 신경을 써야 함 3. 기존방식과 AJAX의 차이 1) 기존방식 - 웹 브라우저가 웹 서버에 요청 전송 - 웹 서버는 JSP 등의 서버 어플리케이션을 사용해 사용자의 요청 처리 후 결과를 HTML로 생성해서 웹 브라우저에 전송- 웹 브라우저는 응답.. 2016. 2. 4.
간단한 JQUERY AJAX 예제 보다 자세하고 정확한 내용은 http://api.jquery.com/jQuery.ajax/ 를 참조 $.ajax({ type : "POST" //"POST", "GET" , async : true //true, false , url : "Inquiry.jsp" //Request URL , dataType : "html" //전송받을 데이터의 타입 //"xml", "html", "script", "json" 등 지정 가능 //미지정시 자동 판단 , timeout : 30000 //제한시간 지정 , cache : false //true, false , data : $("#inputForm").serialize() //서버에 보낼 파라메터 //form에 serialize() 실행시 a=b&c=d 형태로 생성되.. 2016. 2. 4.
반응형

티스토리툴바