목록Ajax (7)
waitedForU
1. DBOpen,DBClose,Constant utility 패키지에 가져오기 WEB-INF/lib 폴더에 ojdbc6.jar 파일가져오기 2. Java Test >>>>> JDBC_Test.java package utility; import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet; /** * JAVA Client Test */public class JDBC_Test { public static void main(String[] args) { Connection con = DBOpen.getConnection(); PreparedStatement pstmt = null; ResultSet rs = n..
1. XMLHttpRequest 모듈 - Parameter상에 한글이 들어가면 손상됨으로 문자열을 "UTF-8"로 인코딩해주는 encodeURIComponent()함수를 사용 합니다. >>>>> WebContent/basic/httpRequest.js //XMLHttpRequest 객체var httpRequest = null; // url: 요청 주소 // params: 서버로 보내는 값의 목록// response_function_name: 응답 결과를 처리할 함수 // method: GET, POST인지 결정function sendRequest(url, params, response_function_name, method) { if (window.XMLHttpRequest) {// code for mo..
1. Ajax- Request, Response - 아래의 소스는 Ajax를 사용하여 비동기 요청/응답합니다. >>>> ajaxTest.html------------------------------------------------------------------------ Let AJAX change this text. Change Content ------------------------------------------------------------------------>>> ajax_info.html------------------------------------------------------------------------ Ajax는 새로운 프로그래밍 언어는 아닙니다. Ajax는 민첩하고 동적인..
1. XMLHttpRequest 객체 - 대부분의 브러우저가 지원함으로 XMLHttpRequest를 실행하는데 문제가 없습니다. - XMLHttpRequest 객체는 reload 없이 서버에서 보내는 데이터를 웹페이지의 한부분 을 수정합니다. 1) XMLHttpRequest객체의 함수 - open() - 요청의 초기화, GET/POST 선택, 접속할 URL입력합니다. - send() - 웹서버에 요청을 전송합니다. 2) XMLHttpRequest객체의 속성 - onreadystatechange - 응답이 도착하면 특정 자바스크립트 함수를 호출해서 결과의 알맞은 작업을 합니다. 그때 사용할 자바스크립트 함수(callback 함수)를 지정합니다. - readyState - XMLHttpRequest 객체의 ..
1. Ajax(Asynchronous JavaScript and XML)의 이해 - 비동기 자바스크립트와 XML기반 스크립트를 말합니다. - 기존의 요청에대한 전체페이지가 응답되었다면, Ajax를 쓰면 서버는 단지 페이지에서 필요한 데이터만 보내줍니다. - Ajax는 2005년 Google이 제한하고 만들었습니다. - Ajax 사용예 : Google Maps, Google Search, Gmail, YouTube, and Facebook - Ajax 이름에 포함된 XML은 꼭 알아야 Ajax를 사용하는것은 아닙니다. - Ajax는 동적이고 민첩한 Web page를 생성하기 위한 기술입니다. 2. Ajax의 주요 구성 요소 - XMLHttpRequest : 웹서버와 통신을 담당합니다. 사용자의 요청을 웹서..
1. 자식 노드의 갯수 산출 - 주석도 태그로 인식 됩니다. >>>>> WebContent/dom/childNodesCount.html HTML JavaScript DOM Ajax 2. 주석을 뺀 태그의 갯수만 산출 NodeTypes - Named Constants NodeType Named Constant 1 ELEMENT_NODE 2 ATTRIBUTE_NODE 3 TEXT_NODE 4 CDATA_SECTION_NODE 5 ENTITY_REFERENCE_NODE 6 ENTITY_NODE 7 PROCESSING_INSTRUCTION_NODE 8 COMMENT_NODE 9 DOCUMENT_NODE 10 DOCUMENT_TYPE_NODE 11 DOCUMENT_FRAGMENT_NODE 12 NOTATION_N..
[01] HTML DOM(Document Object Model)-비동기식: 그냥 서버에 요청을 하고 기다리는 것이 아니라 다른 것도 한다.(ex.화면을 중에 일부분이 바뀜.)- W3C에서 표준을 제작하고 있습니다.- 자바스크립트는 HTML 태그를 생성, 삭제, 속성을 변경할 수 있는 기능을 가지고 있습니다. - HTML을 조작하기위한 자바스크립트 함수들의 집합을 모델화하여 만든것을 DOM 이라고 합니다. - Ajax로 어플리케이션 서버로부터의 응답 결과를 전송받아 브러우저의 HTML상에 출력할 때에 DOM 모델을 이용합니다. - Web Page가 로딩될때 브라우저는 그페이지의 Document Object Model를 생성 합니다.- HTML DOM은 Object들을 Tree 처럼 생성합니다. - HTM..