너머

예제) function viewInfo(req){; if(req.readystate==4){ var result = eval("("+req.responseText+")") } } eval() 함수는 문자열인 인자값이 자바스크립트 문법에 일치하는 지 검증한 후 자바스크립트코드로 변환해 주는 함수입니다. 위의 예제에서 req.responseText의 내용은 JSON 표기법으로 명시된 단순한 텍스트일 뿐입니다. 따라서 텍스트를 자바스크립트 문법으로 변환시켜 값을 읽어오기 위해서 eval()함수를 사용합니다. ("")로 인자를 다시 감싼 이유는 eval()가 JSON표기법으로 명시된 텍스트를 파싱할 때 ':'까지를 label로 인식하여 label:statement 로 해석하기 때문에 괄호로 감싸지 않으면 ..

JSON(Javascript Object Notation : 자바스크립트 객체 표기법) : 서로 다른 언어끼리 데이터를 주고 받기 위해 쓰이는 표기법 1. 표기법 * 맵 형식(키/값) {키1:값1, 키2:값2, 키3:값3} var countries = {ko:'Korea', fr:'France', nf:'Nefal'} var koName = countries.ko; var frName = countries['fr']; * 배열 {값1, 값2, 값3} var countries = ['ko', 'fr', 'fr']; var co0 = countries[0]; 2. 클래스 정의하기 클래스 이름 = function(파라미터){ ... } 클래스 이름.prototype={ 함수명1:function(파라미터){ ...

1. 클래스 정의하기 클래스이름=function(param1, param2){ ... } ex) People=function(name, age){ this.name=name; this.age=age; } 2. 함수(메서드) 정의하기 클래스이름.prototype.함수이름=function(파라미터){ ... } ex) Member.prototype.getName=function(){ return this.name; } 3. 클래스 생성하고 함수 호출하기 변수=new 클래스이름(param1, param2); 변수.함수이름(파라미터); ex) var mem=new People('KimLee','30'); var newName=mem.getName();

1. Node 인터페이스 리턴타입 이름 설명 String nodeName 노드의 이름 String nodeValue 노드의 값 unsigned nodeType 노드 타입 Node parentNode 부모 노드 NodeList childNodes 자식 노드 목록 Node firstChild 첫 번째 자식 노드 Node lastChild 마지막 자식 노드 Node previousSibling 같은 부모를 둔 형제노드 중 이전의 형제노드 Node nextSibling 같은 부모를 둔 형제노드 중 이후의 형제노드 Document ownerDocument 이 노드가 포함된 Document 객체 DOM 트리 변경 함수 insertBefore Node new, Node old) 자식노드인 old노드의 previou..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

1. responseText를 단순텍스트파일에 사용할 때 : 인코딩을 반드시 UTF-8 방식으로 지정해야 된다. 2. 응답텍스트의 인코딩이 UTF-8일 경우, 응답객체가 웹서버에 전송하는 요청파라미터도 한글이어야 됨 : encodeURIComponent - 문자열을 UTF-8방식으로 인코딩해주는 함수 var params="name="+encodeURIComponent("최범균"); httpRequest.open("GET","/hello.jsp?"+params,true);

1. XMLHttpRequest 객체 구하기 XHR은 W3C 표준이 아니기때문에 브라우저마다 작동방식에 있어서 다소나마 차이가 존재했었지만 현재 대부분의 브라우저들은 XHR 기능을 서로 비슷하게 구현하고 있다. 현존하는 브라우저들 중에서 XHR을 지원하지 않는 브라우저는 거의 없을정도로 대부분의 브라우저들은 현재 XHR 을 지원하고 있다. ajax 구현의 시작은 XHR 객체의 생성에서 시작한다. XHR 은 W3C 의 표준이 아니므로, 인터넷익스플로어에서는 ActiveX Component 형식으로 구현되었고, 그 밖에 다른 브라우저들(FireFox, Safari, Opera)은 native javascript 객체로 구현되었다. 이런 차이점을 고려해서 XHR 객체를 얻어오는 자바스크립트 코드를 다음과 같이..