web/javascript3 AJAX AJAX 란? 자바스크립트를 이용하여 비동기식으로 서버와 통신 event 발생 시 전체 페이지를 새로 고치지 않고도 페이지 일부만을 업데이트 할 수 있음 서버와 통신하기 위해 XMLHttpRequest 객체 사용 작동 방식 웹 페이지 이벤트 발생 ( 페이지 로딩, 버튼 클릭 등) XMLHttpRequest 객체가 javaScript에 의해 생성 XMLHttpRequest 객체가 웹 서버에 request 전송 서버가 해당 request를 진행한 후 웹페이지에 response 보냄 response를 javascript가 읽음 javascript가 응답에 상응하는 action을 동작 시킴 AJAX 사용법 $(document).ready(function(){ $.ajax({ type: //데이터 전송 타입, u.. 2024. 1. 29. XMLHttpRequest XMLHttpRequest: 서버와 상호작용하기 위한 객체로 웹페이지가 전부 로딩된 후에도 서버에 데이터를 요청하거나 서버로부터 데이터를 전송받을 수 있다. 사용방법 1. XMLHttpRequest객체 생성 const XHR = new XMLHttpRequest(); 2. open() 메서드로 요청에 필요한 정보 설정 XHR.open(method, url, [async, user, password]); method - HTTP 요청 메서드 url - 요청을 보낼 URL async - true인 경우 비동기식으로 동작 - false인 경우 동기식으로 동작하며 send메서드로 요청을 보냈을 때 응답을 받을 때까지 반환 결과 없음 user & password - 기본 HTTP 인증을 위한 로그인 및 비밀번호 .. 2024. 1. 29. JSON / XML 차이 XML HTML과 매우 비슷한 문자 기반의 마크업 언어 HTML처럼 데이터를 보여주는 목적이 아닌 데이터를 저장하고 전달하는 목적 XML태그는 HTML태그처럼 미리 정의되어 있지 않고 사용자가 직접 정의 JSON 브라우저 통신을 위한 키-값 쌍으로 이루어진 데이터 포맷 javascript에서 객체를 만들 때 사용하는 표현식 JSON / XML 공통점 데이터를 교환, 저장하기 위해 고안 기계 뿐 아니라 사람도 쉽게 읽을 수 있음 계층적인 데이터 구조 다양한 프로그래밍 언어에 의해 파싱 가능 XMLHttpRequest 객체를 이용하여 서버로부터 데이터를 전송 받을 수 있음 JSON / XML 차이점 JSON XML 종료 태그 사용 X O 구문 길이 short long 읽기 / 쓰기 속도 fast slow 파.. 2024. 1. 29. 이전 1 다음
