JQuery/AJAX가 채팅 메시지를 동적으로 표시 하시겠습니까?

Question

나는 문제가있어서 해결을 위해 당신의 도움이 필요합니다. 는 지금은이 레이아웃에서 메시지를 표시 할 수 있습니다

I 자바 스크립트/JQuery와 함께 다른 대화에 클릭을 검출하고, 선택된 대화의 배경이 사진에 같이 강조됩니다 지금은 메시지를 표시해야 메시지 컨테이너의 선택한 대화에서

각 대화 사업부는 그것에서 대화 ID를 가지고

SELECT text FROM messages WHERE id_conversation=1 ORDER BY date DESC; 

하지만 내가 할 수 있기 때문에이를 표시하는 방법 :

<div id="1" class="conversation"></div> 

내가 SQL (가) 오른쪽 순서로 메시지를 얻을하는 방법을 알고 자바 스크립트로 PHP를 사용하지 않으시겠습니까?

내가 클릭있어 어떤 대화를 얻을이 코드를 사용하고 있습니다 :

$('.conversation').click(function() { 
    $('.text').removeClass('highlightedtext'); 
    $(this).find('.text').addClass('highlightedtext'); 
    $('.conversation').removeClass('highlightedconversation'); 
    $(this).addClass('highlightedconversation'); 
}); 

재개 : 내가 사용하여 메시지 컨테이너에 선택한 대화에 링크 된 메시지를 표시 할 필요가

1. SQL 쿼리
2. 다른 대화를 선택한 경우 메시지 컨테이너를 지우고 선택한 대화를 다시 표시해야합니다.

Answer 1

모든 것은 JSON 인코딩 된 PHP 배열을 사용하여 잘 작동, 나는 다음과 같은 자바 스크립트 코드를 사용하고 있습니다 :

$.ajax({ 
     type: 'POST', 
     url: 'checkmessage.php', 
     data: { id: $(this).attr('id') }, 
     dataType: 'json', 
     cache: false, 
     success: function(result) { 
     var text = ""; 
     var i, j; 

     for (i = 0; i < result.length; ++i) { 
      text += "<div class='msg'>" 
      for (j = 0; j < result[i].length; ++j) { 
      text += result[i][j]; 
      } 
      text += "</div><br>" 
      $('#messagescontainer').append(text); 
      text = ""; 
     } 
     }, 
     error: function (request, status, error) { 
     alert(request.responseText); 
     } 
    });