AJAX3 [ JAVA ] 자바 파일업로드 유틸 예제(ajax 파일 업로드) 안녕하세요. 오늘은 자바 파일업로드에 관해서 설명 드리겠습니다. 오늘의 유틸은 자바 파일업로드를 할 경우 AJAX통신을 이용하여 파일이 변화 될때마다 파일을 업로드 하는 방식입니다. 정말 간단하지만 많은 분들이 개발할때 CONTROLLER마다 하나씩 만드시는 경향이 있는데 아래의 소스를 보시면 한 곳에서 파일을 업로드 할 수 있도록 만들었습니다. 1. JSP에서 파일 업로드를 위한 화면을 만듭니다. 현재 아래의 소스를 보시면 FORM태그 안에 FILE이라는 ELEMENT를 만들었습니다. 1 2 3 4 5 6 7 8 9 파일찾기 2. AJAX를 이용하여 서버에 파일 데이터 전송. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 // 계약.. 2019. 9. 27. [ AJAX ]JSON과 AJAX란?(예제 포함) JSON 객체를 이용하여 Ajax요청 예제 1. JSON(JavaScript Object Notation)이란? 1) JSON는 javascript 객체를 만드는 표현식입니다. 2) key : value 형식의 데이터 저장 방식입니다. 3) 경량의 DATA를 교환하는 방식입니다. 2. JSON 예제 var test = { "name" : "홍길동", "age" : 27, "address" : "서울시" }위와 같은 객체 형식의 표현식으로 쓸 수 있습니다. test라는 객체는 key : value형식의 표현식입니다. key == "name" : value == "홍길동" 이런 형식으로 데이터가 들어가는데요. 이런 JSON형식으로 데이터를 전송하면 Bean에서 key의 명칭과 같은 Bean안에 있는 변수를 .. 2018. 5. 31. [ Jquery ] 제이쿼리 Ajax 사용법 안녕하세요 오늘은 ajax에 대해서 설명 드리겠습니다. ajax를 간단히 설명하자면 비동기통신 입니다. "어?비동기통신이 뭐지" 라고 하실 수 있는데요. 비동기 통신을 간단히 설명해 드리자면 보통 웹페이지에서 url 주소가 바뀌면서 화면이 잠시 껌뻑거리는 현상을 보셧을 텐데요. 이런 현상은 back단으로 갔다 왔을 때 다시 페이지가 로드되는 현상인데요. ajax는 이런 현상이 없이 바로 통신이 가능하다는 게 장점입니다. 통신을 하지만 새로 페이지가 로드되는 방식이 아닌 ajax 요청을 한 데이터만 가져와서 그 부분에 적용하는 방식입니다. 자 설명은 여기까지 하고요. 소스를 보면서 설명 드리겠습니다. 123 Colored by Color Scriptercs 위와 같은 버튼이 있습니다. 버튼을 클릭하면 아래.. 2018. 4. 18. 이전 1 다음