반응형 Ajax8 springboot form, ajax 데이터 타입별 Controller에서 받는 방법 @RequestParam, @RequestBody springboot form, ajax 데이터 타입별 Controller에서 받는 방법 @RequestParam, @RequestBody 이번 포스팅에서는 springboot web project에서 form 과 ajax로 자주 사용되는 데이터타입을 전송하고 받는 방법을 정리해보도록 하겠습니다. 1. Form data request로 받기 [HTML] [Controller - 받을 수는 있지만 Request로 받는 방식은 GET Method에서만 사용합니다.] @RequestMapping(value="sendForm.getRequest", method=RequestMethod.POST) public String getRequest(HttpServletRequest req) { System.out.prin.. Programing/Springboot 2021. 11. 1. XMLHttpRequest ajax Spring @ResponseBody, @RequestBody 404 에러 json data null 이유 XMLHttpRequest ajax Spring @ResponseBody, @RequestBody 404 에러 json data null 이유 XMLHttpRequest 를 활용한 비동기 통신에서 404 에러가 발생하는 원인에 대해서 알아보도록 하겠습니다. XMLHttpRequest를 통한 비동기 통신부는 아래의 Link를 참고하세요. Link : https://aljjabaegi.tistory.com/520 Javascript ajax XMLHttpRequest 통신 구현 Javascript ajax XMLHttpRequest 통신 구현 최근 웹 개발 트랜드 최근 React, Angular, Vue, GO 등 다양한 Javascript 프레임워크들이 대두되면서 Jquery 의 점유율이 떨어지고 있는 것.. Programing/JavaScript 2020. 1. 16. Javascript ajax XMLHttpRequest 통신 구현 Javascript ajax XMLHttpRequest 통신 구현 최근 웹 개발 트랜드 최근 React, Angular, Vue, GO 등 다양한 Javascript 프레임워크들이 대두되면서 Jquery 의 점유율이 떨어지고 있는 것이 추세입니다. 2006년 jQuery 가 발표된 이후 브라우저간 갖고 있던 이질성이 해결되고, DOM 또한 효율적으로 다룰 수 있게 되면서 Javascript 프레임워크 1위 자리를 유지했었죠. 현재도 많은 사용자가 jQuery를 사용하고 있는 것도 사실입니다. 하지만, 스마트폰의 시대가 열리면서 한정적인 CPU와 메모리, 데이터의 사용으로 불필요한 코드들이 많아 무거운 jQuery는 개발자들이 점점 배제하기 시작합니다. Link : 다양한 javascript 프레임워크 V.. Programing/JavaScript 2020. 1. 16. jquery ajax loading bar, ajax 로딩바 나타내기 blockUI 적용방법 jquery ajax loading bar, ajax 로딩바 나타내기 blockUI 적용방법 ajax 통신 시 시간이 로딩바를 표출하는 방법을 알아보겠습니다. ajax 로딩바를 구현하기 위해선 blockUI 라는 플러그인이 필요합니다. 아래의 Link에서 다운로드 하세요. LInk : http://malsup.com/jquery/block/ 다운받은 파일을 압축을 풀어줍니다. jquery.blockUI.js 파일을 프로젝트 내 폴더로 옮겨주시고 사용할 페이지에서 아래와 같이 import 해줍니다. 1 cs 그리고 원하는 로딩바의 이미지를 구글링을 통해 다운로드 한 후 프로젝트 내에 옮겨주세요. 이제 다운받은 gif 파일을 표출되게끔 해주어야 하는데요, 1 2 3 $.blockUI.defaults = { .. Programing/jQuery 2018. 1. 25. javascript, spring MVC, ajax 요청시 404 에러 원인 javascript, spring MVC, ajax 요청시 404 에러 원인 ajax 요청시 404 에러가 발생하는 원인은 다양합니다. Controller 가 메모리 상에 없을때, (@Controller annotation을 추가하지 않았을때) Controller의 RequestMapping 주소가 잘못 되었을때, Controller 에서 return 값을 전달 해 주지 않았을때, @ResponseBody 어노테이션이 추가 되지 않았을 떄, (직렬화가 되지 않았을 때) 등등 이 있습니다. 우선 위와 같은 에러야 단순히 오타정도로 잡을 수 도 있고, 이클립스 단에서 오류를 발생시켜 수정만 해주면 됩니다. 하지만 VO 객체를 extends 했을 때 중복 값이 존재 했을 경우는, 정말 아무 에러도 발생하지 않.. Programing/ajax 2017. 7. 7. easyUi, ajax 파라미터 서버 한글 깨짐 해결 법 easyUi, ajax 파라미터 서버 한글 깨짐 해결 법 easyUi 를 사용하여 개발을 하던 도중 콤보박스의 한글 값을 서버로 전달하는데 한글이 깨지는 경우가 있었다. 크롬의 경우 이상없이 전달이 되었지만 IE에서만 한글이 깨지는 것이다. 차이점은 ajax 든 easyui의 데이터 요청이든 IE에서는 인코딩 하지 않는 반면 크롬에서는 인코딩을 해서 파라메터를 보내고 있었다. 해결법은 아래와 같이 파라메터를 인코딩 해서 보내주면 된다. easyui 예) 1 2 3 $('#table1').datagrid({ url : encodeURI("${ctx }/timedayplanstatistics/getTdpsSearch.do?searchCondition="+searchCondition+"&startDay="+s.. Programing/ajax 2015. 10. 21. ajax 여러개 사용할 경우 꼬이는 문제 해결법 ajax 여러개 사용할 경우 꼬이는 문제 해결법 여러가지 조건에 따라 ajax를 사용해 비동기 통신을 할때 가끔 꼬이는 경우가 있다. 예를 들면 1번 ajax를 탔는데 2번 ajax 의 success function이 실행 된 후 1번의 success function 이 실행된다 든가 하는.. 정확한 원인이 뭔지는 모르겠지만 javascript에서 비동기로 서버에 호출하는동안 조건문은 계속 실행 되는거 같다. 예를 들어 간단히 아래와 같이 코딩할 때 1 2 3 4 5 6 7 8 9 if (tCombination==true){ setBtt(date); }else{ } if (date != ""){ updateData(date, data[i][1], data[i][5], data[i][7], data[i][.. Programing/ajax 2015. 10. 20. ajax success 넘어가지 않을때 해결방법 @ResponseBody 에 대하여 ajax success 넘어가지 않을때 해결방법 @ResponseBody 에 대하여 전자정부프레임워크의 Spring 구조에서 ajax 사용 시 통신은 이상없이 이루어지는데 success로 넘어가지 않는 문제가 발생했다. DB저장도 되고, 데이터도 리턴해 주는데 ajax의 success로 넘어가지 않는 것이다. 문제는 controller에서의 @ResponseBody 를 해주지 않았기 때문! 몇날 몇일동안 왜안될까를 고민 했었는데 원인은 한줄이였다. 복사해 쓸줄만 알았지 기본지식의 부족을 다시한번 느꼈다. ajax 에서 success로 넘어가는 조건은 http 요청에 성공했을 경우이다. 그런데 @RequestMapping 메서드에 적용되면 해당 메소드의 리턴값을 http 응답데이터로 사용하는 @Respon.. Programing/ajax 2015. 9. 9. 이전 1 다음 💲 추천 글 반응형