728x90

프론트엔드 2

AJAX(2) - jQuery를 통한 요청

jQuery를 이용한 AJAX 요청 자바스크립트에서 많이 이용되는 프레임워크인 제이쿼리에서도 AJAX 요청이 지원된다. 제이쿼리를 통해 AJAX를 실행하는 ajax() 메소드는 아래와 같은 형태로 정의되어 있다. jQuery.ajax(settings) 또는 $.ajax(settings) (인자로 들어가는 settings는 자바스크립트 객체) 그리고 아래는 제이쿼리를 이용해 AJAX 요청을 진행하는 예시이다. $.ajax({ type: 'post', url: '/test', async: true, headers: { "Content-Type": "application/json", "": "" }, dataType: 'text' data: JSON.stringify({ num: 64, str: 'thisis..

AJAX(1) - 개념 소개, XMLHttpRequest를 이용한 요청

AJAX AJAX는 Asynchronous JavaScript and XML의 약자로, 자바스크립트와 XML을 이용해 비동기적으로 서버에 리소스를 요청할 수 있는 기술을 말한다. 반대로 AJAX가 아닌, 우리가 일반적으로 서버에 요청하는 방식을 동기적 요청이라고 한다. 동기적 요청을 실행하면 서버로부터 웹 페이지 전체를 받아오기 때문에, 브라우저가 보여주는 페이지를 처음부터 다시 로딩해야 하는 불편함이 생긴다. 따라서 브라우저 사용자는 서버로부터 응답이 올 때까지 다른 일을 하지 못하고, 응답이 완료되어야 다른 처리를 진행할 수 있다. 하지만 AJAX를 이용하면 웹 페이지 전체가 아닌 일부를 로딩(데이터만 로딩)할 수 있고, 브라우저가 아닌 백그라운드 영역(비동기)에서 서버와 통신하기 때문에 페이지를 새..

728x90