반응형 form9 [JQuery] ajax 파일업로드시 progress bar 만들기 jQuery form plugin을 사용해서 파일업로드할 때 프로그래스바를 만들어보자. 1. script를 cdn방식으로 import한다. 2. html tag 내 form tag를 작성해준다 0% 3. 생성한 div에 style적용 4. script 작성 $(function() { let bar = $('.bar'); let percent = $('.percent'); let status = $('#status'); $('form').ajaxForm({ beforeSend: function() { status.empty(); let percentVal = '0%'; bar.width(percentVal); percent.html(percentVal); }, uploadProgress: function(.. 2018. 10. 5. [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 Web Service Example - GET, POST, PUT, DELETE 예제 jQuery Ajax 비동기 방식을 통해 MVC CRUD방식의 예제를 다뤄볼것이다. 1. GET(SELECT) 1). 파라미터가없는 단순 SELECT //@RestController @RequestMapping(value="/register",method=RequestMethod.GET) public List register() throws Exception { return mservice.selectMember(); } //Mybatis SELECT id from user_info2; //Client function test() { $.ajax({ type : 'GET', url : '/won/register', success : function(response) { alert("CONTROLLER R.. 2018. 8. 6. [SpringFramework] RESTFul Web Service - GET, POST, PUT, DELETE 개념 RESTful(@RestController)에서의 HTTP request method type 데이터 전송방식인 GET,POST방식과 RESTful GET,POST방식이 무지 헷갈렸지만 이번 기회에 깔끔하게 정리해야겠다.. GET – 데이터를 검색하여 해당 값을 받아 올때 사용.(CRUD에서 RETRIEVE(검색), SELECT)POST – 새롭게 데이터를 생성 할 때 사용 한다. (CRUD에서 CREATE(생성), INSERT)PUT – 데이터를 업데이트 할 때 사용 한다. (CRUD 에서 UPDATE(갱신), UPDATE)DELETE – 데이터를 삭제 할 때 사용한다. (CRUD 에서 DELETE(삭제), DELETE) @RESTful서비스에서는 View Page와 데이터를 처리하는 @Controll.. 2018. 8. 6. [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] @RequestMapping 파라미터 @RequestMapping에서 Get방식과 Post방식 1) GET방식 test.jsp //action=" "값은 컨트롤러의 @RequestMapping의 값과 매핑되고 ,GET방식으로 form 데이터를 전송하겠다. //name의 변수명은 VO와 매핑할 변수로 VO 변수명과 같아야 한다. HomeController.java @RequestMapping(value="/action",method=RequestMethod.GET) public String action(@ModelAttribute("member") MemberVO membervo){ return "action"; } 출력화면 test.jsp에서 정보를 입력후 submit하게 되면 컨트롤러에서 @RequestMapping("/action")으로.. 2018. 7. 25. 이전 1 2 다음 반응형
