ajax

AJAX

AJAX (2) javascript 방식

■ JavaScript 방식을 이용한 AJAX 테스트 ● jsp 페이지에서 html 코드 생성 javascript방식을 이용한 AJAX테스트 1. 버튼 클릭시 get방식으로 서버에 데이터 전송 및 응답받기 자바스크립트를 이용한 ajax통신 js ajax 테스트 1(get) 2. 버튼 클릭시 post방식으로 서버에 데이터 전송 및 응답받기 js ajax 테스트 2(post) - js ajax 테스트 1 버튼을 누르면 get방식, js ajax 테스트 2 버튼을 누르면 post방식으로 응답을 받게 해 줄 것이다. ■ get 방식으로 서버에 데이터 전송 및 응답 ● ajaxTest1() script 코드 생성 1. ajax로 서버와 통신하기 위해서 XMLHttpRequest 객체를 생성해준다. const xh..

AJAX

AJAX (1) 개요

■ AJAX(Asynchronus JavaScript And Xml) - 서버로부터 데이터를 가져와 전체 페이지를 새로 고치지 않고 일부만 로드할 수 있게 해주는 기법 - 비동기식 요청을 보내기 위해서는 AJAX라는 기술이 필요하다. ■ 동기식 - 요청 처리 후 그에 해당하는 응답 페이지가 돌아와야만 그다음 작업이 가능하다. - 서버에서 호출된 결과까지의 시간이 지연되면 계속 기다려야 한다. - 전체 페이지가 리로드된다. ■ 비동기식 - 현재 페이지를 그대로 유지하면서 중간중간마다 추가적인 요청을 보내줄 수 있다. - 요청을 보내도 다른 페이지로 넘어가지 않는다. 즉, 현재 페이지는 그대로 유지한다. - 요청을 보내놓고 그에 해당하는 응답이 돌아올 때까지 현제페이지에서 다른 작업을 할 수 있다. ● 비동..

동동이임
'ajax' 태그의 글 목록 (2 Page)
상단으로

티스토리툴바