2014-06-10 3 views
-2

나는 복잡한 json 파일을 형식화하고 읽을 수있는 html 콘텐츠로 변환하는 간단한 방법을 찾으려고 노력 해왔다.자바 스크립트로 복잡한 json을 포맷하는 방법은 무엇입니까?

목표는 내 JSON 파일의 정보를 포함하는 중첩 상자 (html 테이블) 세트를 생성하는 것입니다.

{"badgeGroups": 
[{"name":"labAccess0", "badges" : ["AAAAAAAAAA"]}, 
{"name":"labAccess1", "badges" : ["1111111111","29006812B3"]}], 
"inputs": 
    [{"name":"labDoorSecurityButton0", "state":false, "port":12}], 
"outputs": 
    [{"name":"led0","equation":"labDoorSecurityButton0", "state":false,  "port":0,"type":"GENERIC", "inputs": ... 

어떤 아이디어 : 여기

내 JSON의 샘플입니다?

+0

실제 질문은 무엇입니까? 너 무슨 문제있어? – Nit

+0

나는 그것을 표시하는 간단한 방법을 찾는 데 어려움을 겪고있다. 나는 그것이 가능하다고 확신한다. 아마도 키와 값을 재귀 적으로 표시 할 수 있습니까? – mitoufle

+1

중첩 된 ul 및 li 요소의 html을 반환하는 재귀 함수를 작성할 수 있습니까? – DJL

답변

0

귀하의 질문에 대한 답변은 전적으로 귀하의 예상 출력 형식에 따라 다릅니다.

예를 들어, bloopletech's json2html은 임의의 JSON 입력을 구문 분석 할 수 있으며 샘플 출력은 over here입니다.
맞춤 설정을 원하는 경우 json2html jQuery plugin도 있습니다.

올인 올 (all-in-all)에는 너무 광범위하므로 질문에 대한 무수한 답변이 있습니다.

+0

bloodpletech 것은 내가 찾고 있었던 것이 분명합니다. 고마워요. – mitoufle

+1

허용 된 답변이 -1로 싫어. – rpax

-2
function JSONtoXML(obj) { 
    var s = ""; 
    var i=0; 
    s = s + "<" + obj[0]; 
    var test = 0; 
    for(i=1;i<obj.length;i++) { 
    if(!(obj[i] instanceof Array) && !(typeof obj[i]==='string')) { 
     var obje = obj[i]; 
     var k=""; 
     for(prp in obje) { 
     k = k +" "+ prp + '="'; 
     k = k+ obje[prp] + '" '; 
     } 
     s = s+k; 
    } 
    else if(!(typeof obj[i]==='string')){ 
     if(test===0) { 
     s = s+">"; 
     test++; 
     } 
     s = s + JSONtoXML(obj[i]); 
    } 
    else { 
     if(test===0) { 
     s = s+">"; 
     test++; 
     } 
     s = s +obj[i]; 
    } 
    } 
    if(test===0) { 
    s = s+">"; 
    test++; 
    } 
    s = s+ "</" + obj[0] +">"; 
    return s; 
} 

json을 xml로 변환하는 작업을 수행합니다. 더 나은 가독성을 원한다면 일부 json 미화를 시도하십시오.

관련 문제