빠찡고 일하는 척 눌렀더니 갑자기 ...!!! 이런 문구가 뜹니다.
이런 문구가 뜹니다. 뭔말이래요...????????
* JSON(http://www.crockford.com/JSON/)은 자바스크립트 객체 표기(literal object notation
of JavaScript)를 따르는 가벼운 데이터 교환포맷이다.
(JavaScript Object Notation (JSON) is a lightweight data inerchange format )
of JavaScript)를 따르는 가벼운 데이터 교환포맷이다.
(JavaScript Object Notation (JSON) is a lightweight data inerchange format )
* Rule: "Use XML to exchange structured document, use JSON to exchange data."
* JSON을 어디에 써먹을까?
Ajax 기반 프로그래밍시 응답 xml을 핸들링해야 하는데, DOM 트리를 통해 데이터에 접근하는 것보다 동일한 구조를 갖는 javascript 객체로써 다루는 것이 훨씬 편하다.(어떤 언어를 사용하더라도
DOM을 직접 다루는 것은 고통스럽다.)
Ajax 기반 프로그래밍시 응답 xml을 핸들링해야 하는데, DOM 트리를 통해 데이터에 접근하는 것보다 동일한 구조를 갖는 javascript 객체로써 다루는 것이 훨씬 편하다.(어떤 언어를 사용하더라도
DOM을 직접 다루는 것은 고통스럽다.)
예를 들어 아래와 같은 xml포맷 데이터를 XMLHTTPRequest를 통해 받았다고 하자.
(xmlhttp.responseXML => 브라우저 내장 파서에 의해 자동파싱된 js DOM 트리 반환)
(xmlhttp.responseXML => 브라우저 내장 파서에 의해 자동파싱된 js DOM 트리 반환)
<response>
<method>checkName</method>
<result>yes</result>
</response>
<method>checkName</method>
<result>yes</result>
</response>
여기서 method 엘리먼트의 값을 뽑으려면 이런식의 코딩이 필요하다. 지랄맞다.
var response = xmlhttp.responseXML.documentElement
alert("메소드명 : " + response.getElementsByTagName('method')[0].firstChild.data);
alert("메소드명 : " + response.getElementsByTagName('method')[0].firstChild.data);
그럼 동일한 구조의 데이터를 아래처럼 JSON 포맷으로 받았다고 하자.
(xmlhttp.responseText => 응답 text를 그대로 반환)
(xmlhttp.responseText => 응답 text를 그대로 반환)
{"response": {
"method": "checkName",
"result": "yes"
}};
"method": "checkName",
"result": "yes"
}};
이제 method의 값을 뽑아보자. 해피하다.
var jsonObj = eval('return ' + xmlhttp.responseText);
alert("메소드명 : " + jsonObj.response.method);
alert("메소드명 : " + jsonObj.response.method);
즉, ajax를 이용하는 경우 서버단에서 XML 포맷으로 보내지 말고 JSON 포맷으로 보내면
자바스크립트에서 데이터를 쉽게 액세스할 수가 있다는 얘기다.
(Ajax with JSON instead of XML)
자바스크립트에서 데이터를 쉽게 액세스할 수가 있다는 얘기다.
(Ajax with JSON instead of XML)
그리고 뽀인트는 감소했습니다 ... 결과도 않보여주고 ...!!!
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 1개