JSON 을 처리 하 는 예

JSON 을 처리 하 는 예
JSON 관련
JSON 관련 자료http://www.json.org/；
XML 대신 JSON 을 데이터 교환 형식 으로 사용 하 는 것 은 장점 이 많 습 니 다. 그리고 많은 언어 들 이 현재 JSON 의 확장 을 처리 하고 있 습 니 다. 집합 을 JSON 형식 으로 직접 전환 할 수 있 습 니 다. JSON 의 장점 에 대해 서 는 직접 찾 아 보 세 요. 다음은 JSON 의 예 를 들 어 보 겠 습 니 다.
테스트 디 렉 터 리 / json 과 HTML 문서 test. html 와 HTML 문서 jsondata. html 를 만들어 bingo. js 를 테스트 디 렉 터 리 에 저장 하고 주소 로 저장 할 수 있 습 니 다.http://127.0.0.1/json/test.htmltest. html, jsondata. html 내용 은 다음 과 같 습 니 다.
{
"channelName": "국내 뉴스", "channelID": "66", "siteName": "bingo", "isHot": false, "puber": null,
"newsList" : [
{
"title": "Alexa, 내 가 너 를 속 이 고 있 는 거 알 아?"
"linkUrl" : "http://home.donews.com/donews/article/1/118622.html" ,
"description": "순 위 는 기 술 력 이 뛰 어 나 서 몇 위 를 차지 하고 싶 으 면 몇 위 를 차지 합 니 다. 업계 독점 기술 로 2 급 도 메 인 네 임 비율 과 국가 비율 (2 급 도 메 인 네 임 은 따로 비용 을 받 아야 합 니 다) 을 높 일 수 있 습 니 다. Alexa 순 위 는 경험 이 풍부 하고 알고리즘 이 정확 하 며 Alexa 순 위 는 곡선 을 높 일 수 있 습 니 다."
}, {
"title": "소문 이 자자 하 다. 구 글 이 곧 자신의 휴대 전 화 를 출시 할 것 이다."
"linkUrl" : "http://www.enet.com.cn/article/2007/0907/A20070907814205.shtml" ,
"description" : "홍 달 전 HTC 가 직접 Gphone 을 만 들 었 다. 그러나 HTC 는 이 일 에 대해 상당히 저조 한 태 도 를 유지 하고 있다. 소문 에 대해 서도 공식 적 으로 확인 되 지 않 고 있다. 인터넷 의 거장 인 구 글 이 자체 브랜드 의 휴대 전 화 를 내 놓 겠 다 는 소문 은 사실 인지 아 닌 지 는 모 르 겠 지만 이미 인터넷 에 떠 도 는 시 끄 러 운 모습 이다. 많은 외국 언론 과 관련 사이트 들 이 이 를 겨냥 하고 있다.소문 에 따 르 면 구 글 은 기밀 이 집에 도착 해 신 비 롭 고 반대 하지 도 인정 하지 도 않 는 중립 적 인 태 도 를 유지 하고 있다 는 것 이다. '
}, {
"title": "마 화 텅: 모든 인터넷 상업 모델 을 텐 센트 에 포함 시 킵 니 다."
"linkUrl" : "http://b2b.netsun.com/detail--1380106.html" ,
"description": "마 화 텅 의 입맛 은 충분 합 니 다." 무선 (부가 가치) 은 100 억 위안 이 넘 는 접시 가 있 습 니 다. 우 리 는 들 어가 야 합 니 다. 온라인 게임 은 70 억 위안 이 넘 는 접시 가 있 고 텐 센트 는 포기 할 수 없습니다. 광 고 는 30 억 위안 이 넘 는 접시 가 있 습 니 다. 텐 센트 는 포기 할 수 없습니다. 텐 센트 가 포기 할 수 없 는 것 은 검색, 전자상거래 도 있 습 니 다. "
}
]
}
위의 예 에서 중국 어 는 UNICODE 인 코딩 을 사용 하지 않 았 습 니 다. 실제 사용 중 문제 가 발생 할 수 있 습 니 다. 참고 하 십시오. 답답 한 IE 가 중국어 문자열 에 대한 지원 입 니 다. 물론 많은 확장 은 인 코딩 문 제 를 자동 으로 처리 하 는 것 을 지원 합 니 다.
2. JSON 처리
JSON 처 리 는 복잡 하지 않 지만 관련 된 문제 가 비교적 많다. 예 를 들 어 잘못 사용, 압축, 구조 판단, 상호작용 정보 등 이다. 그래서 완전한 처리 과정 은 비교적 번 거 롭 고 json. org 에 처리 방법 이 있다.
test. html 에서 bingo. js 를 인용 하고 아래 코드 를 추가 합 니 다. 이러한 처리 과정 은 간단 합 니 다. 초보 자 들 이 가능 한 한 빨리 시작 할 수 있 도록 실제 사용 하 는 데 관련 된 자 료 를 찾 아 보 세 요.

function getJSON(){

AJAXCALL("jsondata.html",doGetJSON);
}

function doGetJSON(jsondata){ 
var data=eval("("+jsondata+")");
var head=$c();
var headTitle=$c("span");
bindStyle(headTitle,{fontSize:"20px",marginRight:"30px"});
headTitle.innerHTML=data.channelName;
var headSite=$c("span");
bindStyle(headSite,{fontSize:"11px",color:"#CCC"});
headSite.innerHTML=data.siteName;
head.appendChild(headTitle);
head.appendChild(headSite);

var newsList=$c();
for(var i=0;i<data.newsList.length;i++){ 
var newsTitle=$c("a");
bindStyle(newsTitle,{display:"block",padding:"4px 0px 3px 10px"});
newsTitle.innerHTML=data.newsList[i].title;
newsTitle.title=data.newsList[i].description;
newsTitle.href=data.newsList[i].linkUrl;
newsTitle.target="_blank";
newsList.appendChild(newsTitle);
}

$("json_effect").innerHTML="";
$("json_effect").appendChild(head);
$("json_effect").appendChild(newsList);
}