AJAX 6

[전자정부]Egov(전자정부프레임)에서 ajax로 data 요청하기

Before we go 현재 egov 전자정부 프레임 워크 프로젝트를 진행중에 있습니다. 그러다 ajax로 data를 요청하여 값을 받기로 했는데 @ResponseBody를 주어 request를 보내면 String을 제외한 나머지 data들은 500error, 404error를 내보내더군요. 그래서 저처럼 삽질하지 말고 egov에서 보통 @ResponseBody 대신 사용하는 방법에 대해 간략하게 알아보려고 합니다. Egov(jsonView) 결과적으로 egov에서 지원하는 data return 방식은 type을 String으로 통일하고 return 값을 "jsonView"로 작성하면 ajax의 success에서 값을 성공적으로 받게 됩니다. Controller @Controller @RequestMap..

Framework 2021.11.18

[javaScript] 기존 jQuery의 ajax를 fetch로 바꿔 사용하기(기초)

Before 항상 jQuery의 ajax를 사용하여 비동기 요청을 주고 받았는데 요즘에는 대부분의 브라우저에서 fetch()를 지원한다는 글을 보았습니다. 그래서 저도 기본에 사용하던 $.ajax()를 fetch를 사용하여 바꿔 보기로 하였습니다. $.ajax | GET 기존 코드 $.ajax({ url: getContextPath() +"/restapi/member/memberList" , type: 'get', success: function(res) { console.log("성공"); console.log(res); }, error: function(xhr, error, msg) { console.log(xhr); console.log(error); console.log(msg); ..

[SpringBoot]ResponseEntity 사용 시 ajax의 sussecc가 아니라 error로 return될 때 해결방법

ajax $.ajax({ url: path , type: 'get', contentType: "application/json", data: { }, success: function(data) { alert("성공"); }, error: function(xhr, error, msg) { console.log(xhr); console.log(error); console.log(msg); }, dataType: 'json' })RestController @GetMapping() public ResponseEntity sample(HttpServletRequest req){ return new ResponseEntity("admin", HttpStatus.OK); }ajax 요청 시..

[Error] ajax 요청 시 form-data로 인한java.io.FileNotFoundException

ajax(비동기)로 image파일을 저장하고 리턴값으로 membervo를 해주려고 했는데 그 과정에서 에러가 났습니다. 해당 에러는 하단의 것처럼 FileNotFoundException이 발생한 것이었습니다. error message(toggle) java.io.FileNotFoundException: /Users/Eisen/Documents/GitHub/gaia/.metadata/.plugins/org.eclipse.wst.server.core/tmp1/work/Catalina/localhost/ROOT/upload_6fac999e_5e62_4acd_b889_41898877d26c_00000004.tmp (No such file or directory) at java.io.FileInputStream...

Project2021 2021.06.08

[JSP](javascript)popover(bootstrap) 비동기요청(ajax)로 title, content 가져오기

https://getbootstrap.com/docs/5.0/components/popovers/ html 태그 예시 Dismissible popover javaScript 예시 var popover = new bootstrap.Popover(document.querySelector('.popover-dismiss'), { trigger: 'focus' }) 페이지 아래쪽 content 예시 실제 작성 코드 html 부분 $ javaScript $(function () { $("#listBody a").hover(function(){ // 초기화 후 토글 let url = this.href; let retValue = null; $.ajax({ url : url, dataType: "json", succ..

CS 2021.04.18
728x90
반응형