Web/Javascript

오늘은 js를 통해 서버를 방문(페이지 전환)하지 않고 화면에서 처리하는 것을 포스팅하려고 한다. (비동기 처리) 위의 예시로 간단하게 3개정도 들어보면 1. 아이디 중복확인 2. 비밀번호 확인 3. 썸네일 정도가 있고, 오늘은 썸네일 비동기 처리에 대해 알아보려고 한다. JSP에서 뭔가 변경이 이루어졌을 때 사용되는 명령어를 'onchange' 라고 하는데 코드를 해석해보면, 파일을 담을 변수를 생성하고, 이미지 태그에 담을 변수를 생성한 후, 이미지 src 속성에 event.target.result를 적용한다. 다음으로 id가 썸네일 박스인 곳에 이미지를 적용시킨다. 마지막 라인은 첫번째 사진만 출력되도록 작성한 코드이다. 이렇게 설정하면 비동기로 썸네일을 띄우는 방법은 끝이 난다!

AJAX 웹 페이지를 새로 고치지 않고도 비동기적으로 서버와 데이터를 교환하고 업데이트하는 데 사용됨 JSON 데이터를 교환하기 위한 경량 데이터 형식 텍스트 형식으로 구조화된 데이터를 나타내며, 주로 서버와 클라이언트 간의 데이터 교환 형식으로 사용됨 실습 JSON 데이터 [ {"name": "홍길동", "score1":50, "score2":100}, {"name": "아무무", "score1":75, "score2":82} ] 실습 1 : ajax() 와 JSON 데이터를 불러와 테이블로 출력 학생이름중간고사기말고사 실습 2 : ajax() 와 JSON 데이터를 불러와 테이블로 출력 2

jQuery HTML 문서를 다루고 상호 작용을 쉽게 구현하기 위한 자바스크립트 라이브러리 jQuery는 자바스크립트 코드를 간소화하고, 브라우저 간의 호환성 문제를 해결하며, 다양한 웹 개발 작업을 단순화하기 위해 만들어진 오픈 소스 라이브러리임 jQuery 사용 방법 (CDN) https://releases.jquery.com/ jQuery CDN jQuery CDN – Latest Stable Versions jQuery Core Showing the latest stable release in each major branch. See all versions of jQuery Core. jQuery 3.x jQuery 2.x jQuery 1.x jQuery Migrate jQuery UI Showi..

주사위 게임 실습 코드 게 임 시 작 COM ME