잡동사니에도 사랑을

Template 플러그인과의 연계 - Template 플러그인은 동적으로 생성하고자 하는 요소를 미리 HTML 틀을 정의해 둔 후, 그 안의 적용할 내용을 JSON 데이터로 처리하는 jQuery 플러그인이다. - Ajax를 사용하면 원격지의 JSON 데이터를 페이지 이동 없이 로드 해 올 수 있다. - 이때 Ajax로 로드한 JSON 데이터의 구조와 템플릿에 정의되어있는 치환자들이 동일하다면, 바로 데이터를 전달받아 동적 요소를 생성하여 화면에 출력하도록 구성할 수 있다. jQuery의 template Plugin도 그 웹 코드상 뜻 그대로 일종의 형판과 같은 역할을 한다. 일정한 패턴을 가진 코드와 데이터가 반복될 때, 반복되는 코드의 구조를 template로 따로 관리하여 재사용을 할 수 있도록 도와..

////////json02.json ////////exam02.html //----------------------------중략------------------------------ $.ajax() 함수를 사용한 JSON데이터 읽기 (2) [결과]

JSON 파일 로딩 - XML 데이터는 JSON에 비해 전송되는 텍스트의 양이 많기 때문에 통신량의 소모가 큰 단점이 있다. - 이런 단점을 보완하기 위해서, Ajax에서의 응답 결과를 JSON 형식으로 사용하기도 한다. - JSON은 javascript에서의 기본 데이터 표현기법이므로, XML과 같이 요소를 탐색해야 하는 번거로움이 줄어든다 /////////json01.json ////////exam01.html //----------------------중략-------------------------- $.ajax() 함수를 사용한 JSON데이터 읽기 (1) [결과]

// 더보기 ////////exam05.html //----------------------중략----------------------------- jQuery Comment 작성자 덧글 내용 ◎ 덧글 목록 더보기 true 24 1 2 3 다시 html파일로 넘어와 ◎ 덧글 저장 ////////comment_write.jsp *주요 내용 : → SimpleDateFormat : 현재 시각이나 어떤 시각을 특정 형식으로 맞추어 출력하거나, String으로 변환해야 할 때 사용한다 → request.setCharacterEncoding("UTF-8") : .jsp / .html 파일 Form 태그에서 입력한 값을 전송할 때는 Get방식 혹은 Post방식을 사용해 파일을 전송하는데, Post로 보내는 값이 '..

////////exam04 로그인 아이디 비밀번호 ////////login.jsp ${result } ${message } [결과]

////////exam03 아이디 중복검사 ////////checkId.jsp

////////exam02 $.ajax() 함수를 사용한 XML데이터 읽기 (2) ////////xml02.xml Javascript+jQuery+Ajax 매주 월/수/금 오후 7시00분~10시00분 홍길동 HTML5+CSS3 기반의 반응형 웹 매주 화/목 오후 7시00분~10시00분 라이언 Java 입문에서 활용까지 매주 화/목 오후 7시00분~10시00분 코난 [결과]

이번 시간엔 Ajax를 이용해 XML파일을 불러오고자 한다. XML의 특징을 먼저 알아보도록 하자! XML문서는 HTML문서와 같이 트리(계층형) 구조를 가지고 있다. 하나의 루트 요소로부터 시작해 차례로 각각의 자식 요소로 연결된다. ////////xml01.xml Javascript+jQuery+Ajax 매주 월/수/금 오후 7시00분~10시00분 홍길동 ////////exam01 $.ajax() 함수를 사용한 XML데이터 읽기 (1) [결과]