1. 아래의 버튼 클릭 시 #userIdSearch 에 담긴 값을 가지고 idCheck.jsp의 페이지와 비동기화 통신하여 값 중복 여부의 결과값을 확인하여 콘솔에 출력하도록 하여라 ajaxEx01.html 아이디중복검사 idCheck.jsp 순차적으로 데이터가 저장되며 값 중복 허용한다. Set -> 순차적이지 않고 값 중복 허용하지 않는다. */ int result = 0; // db에 회원 아이디 저장되어 있다는 가정 List userId = new ArrayList(); for(int i=0; i 키와 값..

Ajax - XMLHttpRequest 객체를 활용하여 가공된 ajax 메서드 -> $.ajax() - 비동기화 방식 통신 - text, html, json, xml 을 주로 비동기화 통신 시 사용한다. - 브라우저에서 ajax 통신 시 같은 도메인에서만 기본 허용하고 있다. - CORS 정책 위반으로 비동기화 통신 못 할 경우 응답쪽에서 헤더에 Access-Control-Allow-Origin 값 설정 혹은 요청 서버(서버언어로)에서 비동기화 통신해야한다. Ajax Possing 해주는 코드 var menuId = $( "ul.nav" ).first().attr( "id" ); var request = $.ajax({ url: "script.php", method: "POST", data: { id :..

1. 아래의 버튼 클릭 시 body 태그의 클래스 속성의 값이 .bg01, .bg02, .bg03 값이 순환되도록 하시오. 배경색상전환 2. 아래의 추가 버튼 클릭 시 행 추가, 제거 버튼 클릭 시 행 제거, 토글 버튼 클릭 시 행의 배경색 빨강과 흰색(순환)으로 변경 되도록 하시오. 1. 답 2. 답

- 새로 추가된 html 요소에 이벤트가 반응 할 수 있도록 만드는 방법 제이쿼리 동적 바인딩 인수 -> 1.이벤트명, 2.선택자, 3.함수 $(document).on('click', '.add', function(){ console.log('클릭'); $ul01.append(liHtml); }); $(document).on('click','del',function(){ console.log('제거'); $(this).remove(); })

1. 1)전체 체크 체크박스 클릭 시 체크가 되었다면 아래의 행 전체 선택이 되도록 하고, 전체 체크 클릭 시 체크가 해제가 되었다면 아래의 행 전체가 선택 해제 되도록 하여라. 2)반전 버튼 클릭 시 체크된 대상은 해제, 해제된 대상은 체크 되도록 하여라. 3)선택된 대상 제거 버튼 클릭 시 선택된 행을 제거 하도록 하여라. 전체선택 선택 행 제거 선택 행 반전 1. 답

1. 회원 선택 버튼 클릭 시 회원의 정보를 #choiceUserName, #choiceUserAddr, #choiceUserAge에 출력하도록 하여라. jsp 제네릭 제네릭을 사용하여 객체화 시켰을 경우 - 컴파일 시 제네릭에 표기된 타입으로 확정이 되며, 표기된 타입만 삽입과 표기된 타입만 가지고 올 수 있다. - 타입의 안정성, 캐스팅 문구 필요없다. */ //userList에 userDto 만 넣을 수 있다. ArrayList userList = new ArrayList(); UserDto user = null; user = new UserDto(); user.setUserAddr("전주"); user.setUserName("홍길동"); user.setUserAge(20); userList.add..