문자열 변수 덤프로의 JSON
를 통해 수신된 JSON 개체를 변환하는 빠른 기능이 있습니까?jQuery getJSON문자열 변수 덤프(트레이스/트레이스용)에 접속할 수 있습니까?
네.JSON.stringifyFirefox 3.5.4 이상에 포함되어 있습니다.
JSON 문자열 지정자는 반대 방향으로 이동하여 JavaScript 데이터 구조를 JSON 텍스트로 변환합니다.JSON은 순환 데이터 구조를 지원하지 않으므로 JSON 문자열화자에 순환 구조를 지정하지 않도록 주의하십시오. https://web.archive.org/web/20100611210643/http://www.json.org/js.html
var myJSONText = JSON.stringify(myObject, replacer);
사용할 수 있습니다.console.log()Firebug 또는 Chrome을 사용하면 다음과 같이 오브젝트 뷰가 표시됩니다.
$.getJSON('my.json', function(data) {
console.log(data);
});
문자열을 표시하는 경우 Chrome의 [Resource]뷰 또는 Firebug의 [Net]뷰를 보고 서버로부터의 실제 문자열 응답을 확인합니다(변환 불필요).(이렇게 받았습니다.
이 문자열을 쉽게 볼 수 있도록 분해하려면 http://json.parser.online.fr/에 있는 훌륭한 도구가 있습니다.
저는 개인적으로 jquery dump 플러그인을 사용하여 오브젝트를 덤프합니다.이것은 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"
)
}
*/
매우 인간적으로 읽을 수 있습니다.또, 이 사이트 http://json.parser.online.fr/는, 색감이 좋기 때문에, json의 작성, 편집, 읽기를 추천합니다.
여기 제가 사용하는 코드가 있습니다.당신은 그것을 당신의 필요에 맞게 조정할 수 있어야 합니다.
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>"' + data[key] + '"</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>
이것과 함께요?
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;
}
언급URL : https://stackoverflow.com/questions/3334341/json-to-string-variable-dump
'programing' 카테고리의 다른 글
| Jest를 사용하여 소품으로 React 구성 요소 시뮬레이션 (0) | 2023.03.17 |
|---|---|
| 각도 $위치패스가 기능하지 않음 (0) | 2023.03.17 |
| Angular를 사용하여 파일을 다운로드하는 방법JS와 MVC API 호출? (0) | 2023.03.17 |
| MongoDB Java 드라이버 MongoOptions를 실가동용으로 설정하는 방법 (0) | 2023.03.12 |
| RxJ의 파이프란 무엇입니까? (0) | 2023.03.12 |