전체 글 (157) 썸네일형 리스트형 JSON (3) - 박스오피스 데이터 가져오기[영화진흥위원회 오픈API] https://kobis.or.kr/kobisopenapi/homepg/main/main.do 영화진흥위원회 오픈API OPEN API 서비스 영화진흥위원회 영화관입장권통합전산망에서 제공하는 오픈API 서비스로 더욱 풍요롭고 편안한 영화 서비스를 즐겨보세요. kobis.or.kr ▷ 영화진흥위원회(이하 영진위)의 오픈 API를 사용하여 데이터 가져오기! ▷ 영진위 OPEN API 사용하기! 1. https://kobis.or.kr/kobisopenapi/homepg/main/main.do로 접속하기(영진위 OPEN API 홈페이지) 2. 회원가입 3. 키발급/관리 4. 키발급받기 5. 사용목적 : 학습용 / 관리명 : 개인 / 사용 URL : 내 IP 주소 (ip 주소는 cmd(명령 프롬프트) 창에서 i.. JSON (2) - .txt 파일 데이터 가져오기 ▷ 메모장에 이런식으로 데이터를 작성해서 가져오는 연습을 해보자! clone_test6_json.jsp clone_test6_json.jsp 출력결과 자바처럼 오류가 눈에 보이지 않기 때문에 오류 찾아내는것이 너무 어렵고 조금 더 신경써서 코드를 작성해야겠다. JSON (1) - 기본 사용법 ▷ JSON이란? → JavaScript Object Notation의 두문자어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 → javascript에서 객체를 만들때 사용되는 표현식 → JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작고, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용 → JSON은 데이터 포멧일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법! ▷ JSON 특징 → 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용 → 자바스크립트 객체 표기법과 아주 유사함 → 자바스크립트를 이용하여 JSON 형식의 문서를 수비게 자바스크립트 객체로 변활 할 수 있음 → JSON 문서 형식은 자바스크립.. AJAX (4) - blur 이벤트 처리 ▷ 아이디 입력란에서 포커스가 해제될 때(커서가 빠져나갈때) 이벤트 처리 => on('blue') 활용 → AJAX를 사용하여 아이디 값을 test4_result.jsp 페이지로 전달 → test4_result.jsp 페이지에서 MemberDAO 객체의 selectId() 메서드를 호출하여 → 파라미터로 id 값을 전달하면, 메서드 내에서 mail_member 테이블을 id 를 조회하고 → 일치하는 아이디가 있으면 "이미 사용중인 아이디입니다" 출력하고 아니면 "사용 가능한 아이디입니다." test4.jsp 학생 정보 입력 이름 E-Mail 전화번호 아이디 패스워드 test4_result.jsp AJAX - test4_result.jsp 결과출력 AJAX (3) - error 처리 AJAX로 요청을 할 때 성공을 한다면 success: 에 있는 코드가 실행되고 만약 실패한다면 error: 에 있는 코드가 실행이 된다! test3.jsp 학생 정보 입력 로그인 아이디 패스워드 test3.jsp에서 test3_result.jsp로 id와 password 의 value 를 보내서 db에서 확인! test3_result.jsp AJAX - test3_result.jsp test3.jsp에서 받은 파라미터값(id,password)를 이용하여 db에서 조회 후 일치하면 로그인 성공! 아니면 로그인 실패! 출력 결과출력(id:admin, password:1234) AJAX (2) - form 데이터를 한번에 옮기기 AJAX(1) 에서는 보내고 싶은 데이터를 [파라미터명: value] 으로 작성하여 하나씩 적었다면 serialize() 를 사용하여 form 태그의 모든 데이터를 넘겨줄 수 있다. test2.jsp 학생 정보 입력 로그인 아이디 패스워드 test2.jsp에서 id와 password를 입력 후 test2_result.jsp로 id값과 password 값을 보내준다! test2_result.jsp AJAX - test2_result.jsp 로그인 성공! 로그인 실패! test2.jsp 에서 받은 id와 password를 가지고 id가 "admin"인지 password는 "1234"인지를 판별후 맞으면 "로그인 성공!" 아니면 "로그인 실패! 출력! 화면이 새로고침 되지 않고 바뀐다는게 신기하기도 하고 생각.. AJAX (1) - 사용법 ▷ AJAX(에이잭스) → Asynchronous Javascript And XML(비동기식 자바스크립트 & XML) → 웹페이지(브라우저)의 갱신 없이 화면 상의 요소를 다룰 수 있는 자바스크립트 라이브러리이자 기술의 이름 → 데이터베이스 등의 작업 요청시에도 요청된 응답이 돌아올 때까지 기다리지 않고 다른 작업을 수행하면서 요청에 대한 응답이 돌아오면 처리가 가능 → 주로, 아이디 또는 패스워드 등의 검증 등에 사용 가능 $.ajax(); test1.jsp // btnOk 버튼에 대한 이벤트 처리 $(function() { $('#btnOk').on('click', function() { $.ajax({ type: "post", // 요청방식(GET or POST) 지정 url: "test1_resu.. JQuery (on 이벤트2) ▷ on('change', 함수) 이벤트 → 특정 대상의 '상태가 변하면' 동작하는 이벤트 jQuery - test9.jsp 전체 VIP 일반 번호 이름 1 홍길동 2 이순신 3 강감찬 이름 아이디 이전 1 2 3 4 5 ··· 20 다음
