ajax 썸네일형 리스트형 [국민취업지원제도 일경험프로그램 21일차] 게시판 검색, 페이징 비동기 방식 21일 차 특이사항 1. 페이징 처리를 다시 만들어야 될 것 같다. 엄청 헤매는 중이다. 2. 모르면 배우자. 솔직히 잘 모르겠다. 기존에 만든 페이지네이션 코드를 어떻게 컨트롤러로 보낼지 감이 안 잡힌다. 검색기능을 비동기 처리하는 것처럼 form 태그로 묶고, 버튼을 누르면 ajax가 작동하는 코드를 만들었는데 실패다. 처음 이전 ${num} ${num} 다음 끝 Ajax 비동기 방식의 2가지 방법 1. 같은 jsp를 복제하고, 컨트롤러에서 반환하는 방법 2. @ResponsBody를 써서 일부 데이터만 jsp로 가져오는 방법. 게시판 같은 경우 1번이 훨씬 편하다. 2번은 javascript로 코드 변환이 필요하다. 3. 대분류 - 소분류 - 소소분류 - 소소소분류 → 이런 경우에 jsp 만드는 것.. 더보기 [국민취업지원제도 일경험프로그램 20일차] ajax 비동기 방식 20일 차 특이사항 1. 어제 ajax로 비동기 방식으로 페이징 처리를 하지 못했다. 다시 도전해 보자. 2. pageNumber를 받아서 이벤트가 발생한다. 페이징 넘버를 누르면 그것에 해당하는 데이터만 불러온다. 3. 완전히 잘못 접근하고 있었다. 컨트롤러를 따로 만들지 않았고, ajax가 작동하는 방식을 잘 알지 못했다. 기본원리 - jsp에서 데이터를 보내주고 controller에서 다시 데이터를 조작해서 ajax로 보낸다. 비동기 개념 정리 1. 동기식은 로딩이 걸림 (리로드 방식). 2. 비동기식은 뉴스 페이지 전환시 로딩이 없음 (success 콜백) 다시 돌아감. 3. 동기식 - submit, 더보기 [국민취업지원제도 일경험프로그램 19일차] 동기 방식과 비동기 방식의 차이점 19일 차 특이사항 1. session을 이용해서 페이징 이동시에도 검색어가 유지되도록 만들어줬다. 그런데 이제 검색 옵션이 문제다. 검색 옵션을 유지하는 방법을 찾아보자. 문제 해결 1. 세션을 사용하여 문제를 해결했다. 새로운 과제 1. submit으로 보내던 것을 ajax로 보내는 비동기 방식으로 처리해 보자. 2. 비동기 방식이 무엇이지? 동기와 비동기의 차이점은 무엇일까? 동기 방식과 비동기 방식의 차이점 동기와 비동기는 프로그래밍에서 매우 중요한 개념으로 작업의 실행과 완료를 어떻게 다루는지와 관련 있다. 1) 동기 방식 : 작업의 요청, 응답이 동시에 일어난다. 사용자가 요청을 보내면 응답이 있을 때까지 기다려야 한다. 설계가 직관적이고 쉬우나 사용자가 다른 작업을 못한다는 단점이 있다. 2.. 더보기 101일차 코딩학원 (능력단위평가) 6/16 공부 내용 정리 Ajax는 비동기 통신으로 데이터를 주고 받기 위한 기술이다. 페이지 갱신 없이 데이터 일부만 처리 가능하다. http 전송중에도 클라이언트가 웹어플리케이션과 상호작용이 가능하다. ajax 예시 코드 $.ajax({ type: 'post', url: '/korea/comments?bno=' + bno, headers: { "content-type": "application/json" }, data: JSON.stringify({ bno: bno, comment: comment }), success: function(result) { alert(result) showList(bno) }, error: function() { alert("error"); } }) 머신러닝 능력단위평가.. 더보기 이전 1 다음
