동적 콘텐츠가 포함 된 div 업데이트

사용자가 보낸 메시지를 표시하는 div가 있는데 사용자가 'save_convo'버튼을 클릭하면 div 콘텐츠가 'story'라는 JS 변수로 변환되고 쿼리 문자열을 통과하여 표시됩니다 다른 페이지에. 사업부 콘텐츠 (페이지로드에는 메시지가 없습니다) 원래 비어 있기 때문에동적 콘텐츠가 포함 된 div 업데이트

JS이

var element = document.getElementById('msg_display'); 
    var story = element.textContent || element.innerText; 
// Getting text content as we only want to display the messages 

$(document).ready(function() { // button that triggers passing of data 
$('#save_convo').click(function() { 
    window.location.href = 'http://ex.com/publish.php?convo=' + story + ''; 
    return false; 
}); 
});

HTML이

<div id="msg_display"> 
<!-- messages are shown here --> 
</div>

문제는, 때 사용자가 클릭하고있는 버튼을 클릭하면 사용자가 보낸 메시지가 표시되지 않는 빈 페이지로 이동합니다. 메시지를 보낸 후에 div를 어떻게 업데이트합니까? 또한 div A/AJAX를 다시로드하는 것을 고려해 봤지만 div 만 새로 고치고 메시지를 유지하는 대신 메시지를 제거합니다.

제안 사항?

출처

2015-02-01 KingAlfredChameleon

나는 어떤 메시지를 받았 는가? 웹 소켓과 같은 것을 찾고 있지 않습니까? – adeneo

이것은 websocket 앱이며, 사용자가 채팅 입력에 입력하고 보내기를 클릭하면 메시지가 msg_display div에 표시됩니다. div의 데이터를 다른 페이지로 전달하기 만하면됩니다. – KingAlfredChameleon

예쁜 물마루 문제, 내가 AJAX 제안 것이지만 당신이 말했듯이, 그것은 단지 div의 모든 현재 데이터를 지울 것입니다. 거기에서 값을 업데이트하기 쉽기 때문에 데이터를 텍스트 영역에 넣는 것이 더 좋을 것입니다. 대신 div를 선택한 좋은 이유가 있다고 가정합니다. – StackOverQuestions

.innerText 및 textContent 대신 document.getElementById('msg-display').innerHTML을 사용하십시오.

출처

2015-02-01 12:19:48 Data2000

이미 시도했지만 작동하지 않습니다. 문제는 div가 보낸 새 메시지에 따라 값을 업데이트하지 않는다는 것입니다. – KingAlfredChameleon

동적 콘텐츠가 포함 된 div 업데이트

답변

관련 문제