본문 바로가기

ajax4

[JS] 프로미스(Promise)란? + 예제 ▶ 프로미스(Promise) 란? 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백함수를 사용한다. 하지만 전통적인 콜백 패턴은 가독성이 나쁘고 비동기 처리 중 발생한 에러의 예외 처리가 곤란하며 여러개의 비동기 처리 로직을 한꺼번에 처리하는 것도 한계가 있다. ES6에서 비동기 처리를 위한 또 다른 패턴으로 프로미스(Promise)를 도입했다. 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현한다. ▶ 프로미스(Promise) 장점 비동기 처리 시점을 명확하게 표현 연속된 비동기 처리 작업을 수정, 삭제, 추가하기 편하고 유연 비동기 작업 상태 쉽게 확인 가능 코드의 유지 보수성 증가 ▶ 프로미스(Promise) 생성 프로미스는 생성자 함수를 통해 인스턴스화 한다. Promise.. 2023. 10. 30.
[js/java] ajax 200에러 parsererror 오류 해결방안 및 json데이터 null처리방법 Ajax에서 200에러인 parsererror가 계속난다. 호출등 url도 정상적이다. 인터넷에 떠도는 dataType : 'json'도 ajax 없었다. 원인을 파악하다가 잘되는 예제와 안되는 예제를 비교하였는데 이유는 데이터가 비어 있거나 무효한 경우이었다. 어떤 경우에 따라서 VO값이 null값을 반환하는데 이게 오류의 원인이었다. 나는 java단에서 null처리를 해결하여 문제해결을 했다. [ java 코드 ] @RequestMapping(value = "/test") public ResponseEntity stest(@RequestBody SsssVO SsssVO) throws Exception { SsssVO vo = stestService.stest(SsssVO); if (vo != null.. 2023. 9. 26.
[jQuery ] ajax - async, complete, beforeSend 설정방법 ajax를 쓰다 보면 async, complete, beforeSend을 사용할 때가 있다. async (default: true) Type: Boolean 기본설정은 비동기(true) 처리이고 동기(false) 처리를 하려면 변경이 필요하다. - 비동기: 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드를 먼저 실행하는 것을 말한다. 즉, 순서에 상관없이 실행된다. - 동기: 처리가 된 이후에 다음 로직이 실행된다. 즉, 실행 순서가 있다. complete Type: Function( jqXHR jqXHR, String textStatus ) success, error에 관계없이 실행하고 싶은 로직을 넣는다. finally와 같은 기능을 수행한다. beforeSend Type: Function( .. 2022. 7. 7.
[ JavaScript / Java ] ajax로 배열 값 넘기기 ajax로 배열 값을 넘기는 방법을 알아보자 1. ajax에서 traditional : true 옵션을 넣어주자. 2. 컨트롤러단에서 ArrayList 또는 String[]로 받아서 사용 예제1 //JavaScript var arr = ['aa', 'bb', 'cc']; $.ajax({ method : 'POST', url : 'test.do', traditional : true, //필수 data : { 'main' : arr }, success : function(data) { alert(data); }, error : function(request, status, error) { alert(error); } }); //Java @RequestMapping(value = "/test.do", meth.. 2022. 4. 26.
728x90

티스토리툴바