방구석 상상코딩

Ajax 전송 Form 전송 전송 방식 비동기/동기 동기 방식 method 방식 type success funtion 방식 페이지 이동(Reload) X O Event(이벤트) 발생 Evnet Listener 생성을 통해 데이터 전송 별도의 코드 없이 HTML만으로 submit 이벤트를 통해 데이터 전송 content-type (request로 보내는 데이터가 무엇인지 확인) (기본) - application/x-www-form-urlencoded - key=value&key=value 형태로 전송 ex) data:id=${id}&email=${email}&email_auth_key=${email_auth_key} (기본) - application/x-www-form-urlencoded (파일전송) - ..

동기식 비동기식 요청(Request) 후 응답(Response)을 받아야지만 다음 동작이 이루어진다. 요청(Request)을 보낸 후 응답(Response)과는 상관없이 동작하는 방식이다 > Client (클라이언트) Server에서 정보를 가져와서 사용자에게 보여줄 수 있고 사용자와 상호 작용할 수 있는 소프트웨어 Ex) web browser, 핸드폰 애플리케이션 > Server 네트워크 상에서 접근할 수 있는 프로그램으로서 어떤 자료들에 대한 관리나 접근을 제어해주는 프로그램 Ajax - 자바스크립트의 라이브러리 중 하나 (Asynchronous Javascript And XML) - 비동기식 서버에 데이터를 요청하여 필요한 데이터를 받아와 전체 페이지를 새로 고치지 않고 변경이 필요한 페이지 부분만..

동기식 비동기식 요청(Request) 후 응답(Response)을 받아야지만 다음 동작이 이루어진다. 요청(Request)을 보낸 후 응답(Response)과는 상관없이 동작하는 방식이다 Ajax는 비동기식으로 처리가 된다. = Ajax는 따로 처리되고 자바스크립트는 Ajax의 결과를 기다리지 않고 실행된다. 그러나 아래와 같이 Ajax의 순서에 따라 동작해야 하는 경우 => "async" 옵션을 사용한다. 1) Ajax가 먼저 처리 된후 자바스크립트가 실행되어야 하는 경우 2) Ajax 안에 Ajax가 처리되어야 하는 이중 Ajax를 써야 하는 경우 3) 기타 (Ajax가 먼저 실행 후 자바스크립트가 실행되어야 하는 경우) async : (true) / false true defualt 값 (기본값) ..