jQuery에서 JSON 객체를 텍스트로 표시하는 방법

Question

바보 같이 들리지만 텍스트로 표시 할 수는 없습니다. OneSignal에서

OneSignal.push(["getTags", function(tags) { 
    console.log(tags); 

}]); 


$(function() { 
    var old = console.log; 
    var logger = document.getElementById('test1212'); 
    console.log = function() { 
    for (var i = 0; i < arguments.length; i++) { 
     if (typeof arguments[i] == 'object') { 
     logger.innerHTML += (JSON && JSON.stringify ? JSON.stringify(arguments[i], undefined, 2) : arguments[i]) + '<br />'; 
     } else { 
     logger.innerHTML += arguments[i] + '<br />'; 
     } 
    } 
    } 
})(); 

이 코드 가져 오기 태그 및 브라우저 콘솔에 태그를 보여줍니다 - 코드는 간단하다. 그러면 브라우저 콘솔에 - { "Job": "1", "key": "value", "News": "1", "Deals": "1", "Posts": "1", "Casting": "1", "Directory": "1", "example_on": "1" }과 같은 것을 반환합니다. 이 코드는 브라우저 콘솔에서 반환 텍스트를 가져 와서 div # test1212에 표시합니다.하지만 태그를 div # test1212에 직접 표시하고 콘솔이 아닌으로 표시하려고합니다. 나는 $('#test1212').html(tags);, $('#test1212').text(tags);, var logger = document.getElementById('test1212'); logger.text(tags); 을 시도했지만 이들 중 어느 것도 작동하지 않는 것 같습니다. 달성하려는 방법으로 어떻게 달성 할 수 있습니까?

편집 : 내가 제공 한 코드 샘플은 완벽하게 작동합니다. 그러나 나는 이런 식으로 그것을 원하지 않는다. 나는 브라우저 콘솔 안에 무엇이 있는지 보여주고 싶지 않습니다. console.log (태그)를 제거하고 div에 태그를 직접 표시하는 것으로 대체하려고합니다. # test1212

감사합니다.

Answer 1

아마도 이런 식으로 시도 할 수 있습니다 (jQuery가 필요하지 않음).

var logTags = (function() { 
    var logger = document.getElementById('test1212'); 
    return function (tags) { 
     logger.innerHTML += (JSON && JSON.stringify ? JSON.stringify(tags, undefined, 2) : tags) + '<br />'; 
    } 
})(); 

OneSignal.push(["getTags", function(tags) { 
    logTags(tags); 
}]); 

여기서 우리는 호출 할 수있는 새로운 로깅 기능을 정의하고 있습니다. 단순히 새로운 콘텐츠로 div를 업데이트합니다.

당신처럼 뭔가를 테스트 할 수 logTags({ test1: 4, test2: 5, test3: 6 });

편집 : 데이터 형식을 일치하도록 업데이트

Answer 2

잘 나는 둘 이상의 태그를되었다고 가정하고, 따라서 당신은 그것을()가 .html 수 없습니다 . 그렇게하면 객체 또는 어떤 종류의 오류가 반환됩니다. for 루프 및 jQuery .append()를 사용하는 것이 좋습니다.

var keys = Object.keys(tags); 
for(var i = 0; i < keys .length; i++){ 
    $('#test1212').append(tags[keys[i]]); 
} 

올바르게 이해하면 정상적으로 작동합니다.