공부/AJAX4 XML , JSON 개요 pom. xml -> 라이브러리 등록 servlet-context -> 해당 라이브러리에 필요한 객체를 설정(viewResolver, multipartResolver) web.xml -> Front Controller 를 설정 (dispatcherServlet) file upload 할 때에는 input type = file 과 form enctype=multipart/form 을 설정해주어야한다. -------------------------------------------------------------------- 자바에서 데이터전처리 후 JS로 전송으로 보내는 방법 JSON,view 포맷 사용 ?=> 정확한 데이터를 전송하기 위해 서버 단에서 처리한다. GSON , .... 등 DB 데이터 -> .. 2022. 5. 25. Ajax Basic 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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 /** ** XMLHttpRequest Test // 1. 통신 담당 객체 준비 // => XMLHttpRequest 객체 생성 // 2. 요청을 실행 // => 클라이언트로부터 요청 이벤트 발생시 실행되는 메서드:startMethod() 작성 // -> 생성된 XM.. 2022. 5. 12. 동기식 비동기식 // 개요 // HTTP 오류코드 코드 메시지 설명 1XX Informational(정보) 정보 교환 100 Continue 클라이언트로부터 일부 요청을 받았으니 나머지 요청 정보를 계속 보내주길 바람 101 Switching Protocols 서버는 클라이언트의 요청대로 Upgrade 헤더를 따라 다른 프로토콜로 바꿀 것임 2XX Success(성공) 데이터 전송이 성공적으로 이루어졌거나, 이해되었거나, 수락되었음 200 OK 오류 없이 전송 성공 202 Accepted 서버가 클라이언트의 요청을 수락함 203 Non-authoritavive Information 서버가 클라이언트 요구중 일부만 전송 204 Non Content 클라이언트의 요구를 처리했으나 전송할 데이터가 없음 205 Reset Content 새 문서 없음. 하지만 .. 2022. 5. 12. Ajax 를 통해 DB 연결하기 (in Spring) idcheck.JS 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 $.ajax({ url:"joinck", type:"post", data :{id:id}, success: (result)=>{ if(result != 'fall'){ $('#iMessage').html('사용가능한 아이디 입니다.').css('color','green'); // result 값이 fall 이 아니면 }else { $('#iMessage').html('존재하는 아이디 입니다.').css('color','red'); // result 값이 fall 이면 $('#id').focus(); return false; } } }); Colored by Color Scripter cs MController.java 코.. 2022. 5. 10. 이전 1 다음
