루핑 데이터를 json_encoded

Question

이봐, 난 루프를 시도 메신저와 작동하지 않는 출력하지만를 표시하려면로 json_encode을 가지고, 내가 얻을에는 출력하지 않습니다 =/

이 내 JS 바이올린입니다 : http://jsfiddle.net/Z4jTc/1/

수있는 일 그것이 왜 반복되지 않는지 설명해주십시오.

코드 :

var messages = {"1":["2","1","0000-00-00 00:00:00","testing once"],"2":["2","1","0000-00-00 00:00:00","testing twice :)"]}; 

    for(var id in messages){ 

      var read = messages[id][0]; 
      var from = messages[id][1]; 
      var sent_on = messages[id][2]; 
      var content = messages[id][3]; 

      document.write = 'test'; 
      document.write = '<div class="message_info">'; 
      document.write = '<b>From:</b> '+from+'<br/><br/>'; 
      document.write = '<b>Sent On:</b> '+sent_on; 
      document.write = '</div><div class="message_content">'; 
      document.write = content; 
      document.write = '</div> <br/><br/>'; 

    }​ 

Answer 1

이렇게 많은 document.write를의의를 참조

document.write('test'); 

대신

document.write = 'test'; 

사용

입니다.

var messages = {"1":["2","1","0000-00-00 00:00:00","testing once"],"2":["2","1","0000-00-00 00:00:00","testing twice :)"]}; 
var output = []; 
for(var id in messages){ 

    var read = messages[id][0]; 
    var from = messages[id][1]; 
    var sent_on = messages[id][2]; 
    var content = messages[id][3]; 

    output.push('test'); 
    output.push('<div class="message_info">'); 
    output.push('<b>From:</b> '+from+'<br/><br/>'); 
    output.push('<b>Sent On:</b> '+sent_on); 
    output.push('</div><div class="message_content">'); 
    output.push(content); 
    output.push('</div> <br/><br/>'); 
}​ 

document.write(output.join('')); 

... 또는 페이지의 용기에 출력을 놓습니다 jsfiddle을 갖는 것은 너무 훨씬 쉽게 ...

document.getElementById('destinationContainer').innerHTML(ouput.join('')); 

Answer 2

당신은 지속적으로 document.write 기능을 덮어 쓰는, 당신은 결코 실제로 그것을 호출하지 않습니다.

document.write("test"); 

어떻게 사용 되나요?

Answer 3

document.write 함수

에게 매우 느리다 http://jsfiddle.net/Z4jTc/2/