반응형 jsp13 [JQuery] ajax로 form data(multipart) 전송 하기 HTML JQuery $("#btnSubmit").click(function (event) { //preventDefault 는 기본으로 정의된 이벤트를 작동하지 못하게 하는 메서드이다. submit을 막음 event.preventDefault(); // Get form var form = $('#fileUploadForm')[0]; // Create an FormData object var data = new FormData(form); // disabled the submit button $("#btnSubmit").prop("disabled", true); $.ajax({ type: "POST", enctype: 'multipart/form-data', url: "/document/upload", .. 2018. 10. 4. [SpringFramework] RESTful방식의 @RestController 와 @ResponseBody란? 몇달전 본인은 프로젝를 진행하면서 클래스를 하나를 Controller로 두고, Controller클래스 내에 view return하는 메소드, RESTful방식으로 return 하는 메소드를 짬뽕해서 사용했다. 결과적으로 이런방식으로 하니 프로젝트가 커질수록 컨트롤러가 복잡하고 헷갈리는 참사가발생했다.... 이후 프로젝트를 다시 처음부터 하면서 RESTful방식에 대해 더 공부하게되었다. RESTful 어디서 많이는 들어봤지만 뭔지는 모르는 나에게는 애매하고 생소한 단어였다. 검색도 해보고 자료도 찾아보면서 정리를 해본다. @RestController의 동작방식 @RestController 는 @Controller 어노테이션과 @ResponseBody 어노테이션을 합쳐놓은 어노테이션이다. 클래스 상단에 .. 2018. 8. 5. [SpringFramework] WebSocket과 Stomp 연동하기 WebSocket은 웹 상에서 쉽게 소켓통신을 하게 해주는 라이브러리로 실시간 채팅 서비스등 여러 유용한 서비스의 기반이 된다.스프링 환경에서는 이러한 서비스를 구현하기 위해서 필요한 2가지가 있는데 WebSocket의 기능을 보완해주고 향상시켜주는 SockJS라이브러리와 메시징전송을 좀 더 효율적으로 지원해주기 위한 STOMP 프로토콜이 존재한다. 일반 WebSocket 환경에서는 핸들러만 구현해주고 직접 호출했지만 STOMP를 이용하면 핸들러와 브로커 라는 개념을 이용해서 서로간의 통신을 하게 된다. STOMP STOMP는 Simple/Streaming Text Oriented Messaging Protocol의 약자이며 텍스트 기반의 메시징 프로토콜 이다. TCP나 WebSocket과 같은 신뢰성있.. 2018. 8. 1. [JavaScript] JSON을 자바스크립트 배열로 변환하기 예시) // evt로 JSON객체가 들어왔다고 예를들어보자 function(evt) { //jsontext에 JSON객체를 넣는다. var jsontext = evt.data; //JSON.parse를 이용해 jsontext를 파싱해 contact 변수에 넣어준다. var contact = JSON.parse(jsontext); //for문을 돌면서 contact[i]의 값을 출력한다. for (var i = 0; i < contact.length; i++) { console.log(contact[i]); } } 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2018. 8. 1. [Spring Framework] redirect(리다이렉트) vs forward(포워드) 리다이렉트 다른 페이지로 이동할 때 사용된다. 뜻 그대로인것 같다. 다시 곧장...? 리다이렉트를 알기위해서는 포워드 방식과 같이 알아야 한다. 들어만 봤지 매일 매일 헷갈리는 용어이다. 이번 기회에 딱 정리를 해야겠다. 검색을 하다 http://doublesprogramming.tistory.com/63 님의 블로그에 들어가봤는데 비유를 너무 잘하셔서 나도 정리를 해봐야겠다. 여기서 고객은 Client, 상담원은 Server , 123,124번은 URL주소가 되겠다 첫번째 사례 : forward 1. 고객이 123번을 누르고 고객센터의 상담원과 전화를 연결했다. 2. 상담원이 문의사항을 몰라 다른 상담원에게 해당문의사항의 답을 얻는다. 3. 상담원은 고객의 문의사항을 처리해준다. 두번째 사례 : red.. 2018. 7. 26. [Spring Framework] Form 데이터(폼 데이터) 데이터(커맨드) 객체 데이터(커맨드) 객체 @ModelAttribute 이용 데이터(커맨드) 객체를 이용하면 데이터가 많을 경우 간단하게 사용 할 수 있다. 커맨드 객체를 이용하게 되면 소스코드를 엄~청 줄일 수 있다. @RequestParam을 이용한 기존의 방식 public String test(Model model,@RequestParam("id") String id, @RequestParam("passwd") String passwd) { model.addAttribute("id",id); model.addAttribute("passwd",passwd); return "test"; } 데이터(커맨드) 객체를 이용한 방식 @ModelAttribute(" ")의 괄호에있는 변수명은 html태그에서 jstl 정규식을 사용하.. 2018. 7. 25. 이전 1 2 3 다음 반응형