JSON에서 문자열 변수 덤프로

Question 1

jQuery getJSON(추적 / 디버깅을 위해) 통해받은 JSON 객체를 문자열 변수 덤프 로 변환하는 빠른 기능이 있습니까?

Question 2

예, 여기 에서 JSON.stringify찾을 수 있습니다 . Firefox 3.5.4 이상에 포함 되어 있습니다.

JSON stringifier는 반대 방향으로 이동하여 JavaScript 데이터 구조를 JSON 텍스트로 변환합니다. JSON은 순환 데이터 구조를 지원하지 않으므로 JSON 문자열 지정자에 순환 구조를 제공하지 않도록주의하십시오. https://web.archive.org/web/20100611210643/http://www.json.org/js.html

var myJSONText = JSON.stringify(myObject, replacer);

Question 3

console.log()Firebug 또는 Chrome에서 다음과 같이 좋은 개체보기를 얻을 수 있습니다 .

$.getJSON('my.json', function(data) {
  console.log(data);
});

방금하려면 볼 문자열을, 상기 보면 크롬에서 자원보기 또는 방화범 순보기 서버에서 실제 문자열 응답 볼 (변환 할 필요 ... 당신은이 방법을 받았다).

이 문자열을 쉽게 볼 수 있도록 분해하려면 여기에 훌륭한 도구가 있습니다. http://json.parser.online.fr/

Question 4

나는 개인적으로 jquery 덤프 플러그인을 많이 사용하여 객체를 덤프하는데, PHP의 print_r () 함수 기본 사용법과 약간 비슷합니다.

var obj = {
            hubba: "Some string...",
            bubba: 12.5,
            dubba: ["One", "Two", "Three"]
        }
$("#dump").append($.dump(obj));
/* will return:
Object { 
     hubba: "Some string..."
     bubba: 12.5
     dubba: Array ( 
          0 => "One"
          1 => "Two"
          2 => "Three"
     )
}
*/

그것은 매우 인간이 읽을 수 있으며, 좋은 색상을 가지고 있기 때문에 json을 작성 / 파싱 / 읽기 위해이 사이트 http://json.parser.online.fr/ 을 권장 합니다.

Question 5

내가 사용하는 코드는 다음과 같습니다. 필요에 맞게 조정할 수 있어야합니다.

function process_test_json() {
  var jsonDataArr = { "Errors":[],"Success":true,"Data":{"step0":{"collectionNameStr":"dei_ideas_org_Private","url_root":"http:\/\/192.168.1.128:8500\/dei-ideas_org\/","collectionPathStr":"C:\\ColdFusion8\\wwwroot\\dei-ideas_org\\wwwrootchapter0-2\\verity_collections\\","writeVerityLastFileNameStr":"C:\\ColdFusion8\\wwwroot\\dei-ideas_org\\wwwroot\\chapter0-2\\VerityLastFileName.txt","doneFlag":false,"state_dbrec":{},"errorMsgStr":"","fileroot":"C:\\ColdFusion8\\wwwroot\\dei-ideas_org\\wwwroot"}}};

  var htmlStr= "<h3 class='recurse_title'>[jsonDataArr] struct is</h3> " + recurse( jsonDataArr );
  alert( htmlStr );
  $( document.createElement('div') ).attr( "class", "main_div").html( htmlStr ).appendTo('div#out');
  $("div#outAsHtml").text( $("div#out").html() ); 
}
function recurse( data ) {
  var htmlRetStr = "<ul class='recurseObj' >"; 
  for (var key in data) {
        if (typeof(data[key])== 'object' && data[key] != null) {
            htmlRetStr += "<li class='keyObj' ><strong>" + key + ":</strong><ul class='recurseSubObj' >";
            htmlRetStr += recurse( data[key] );
            htmlRetStr += '</ul  ></li   >';
        } else {
            htmlRetStr += ("<li class='keyStr' ><strong>" + key + ': </strong>&quot;' + data[key] + '&quot;</li  >' );
        }
  };
  htmlRetStr += '</ul >';    
  return( htmlRetStr );
}

</script>
</head><body>
<button onclick="process_test_json()" >Run process_test_json()</button>
<div id="out"></div>
<div id="outAsHtml"></div>
</body>

Question 6

이것에 뭔가?

function dump(x, indent) {
    var indent = indent || '';
    var s = '';
    if (Array.isArray(x)) {
        s += '[';
        for (var i=0; i<x.length; i++) {
            s += dump(x[i], indent)
            if (i < x.length-1) s += ', ';
        }
        s +=']';
    } else if (x === null) {
      s = 'NULL';
    } else switch(typeof x) {
        case 'undefined':
            s += 'UNDEFINED';
            break;
        case 'object':
            s += "{ ";
            var first = true;
            for (var p in x) {
                if (!first) s += indent + '  ';
                s += p + ': ';
                s += dump(x[p], indent + '  ');
                s += "\n"
                first = false;
            }
            s += '}';
            break;
        case 'boolean':
            s += (x) ? 'TRUE' : 'FALSE';
            break;
        case 'number':
            s += x;
            break;
        case 'string':
            s += '"' + x + '"';
            break;
        case 'function':
            s += '<FUNCTION>';
            break;
        default:
            s += x;
            break;
    }
    return s;
}