0

我正在使用 phonegap 开发一对一的聊天应用程序。我的问题是当用户单击联系人并发送消息时。然后用户单击返回按钮并单击另一个联系人它仍然可以看到他刚刚发送给第一个用户的消息。

这是我的代码的一部分：

这里是使用 ajax 从服务器获取联系人。当它成功时，它将生成一个列表视图来显示所有联系人。 

$.each(contacts, function(i,item)
{
  output += '<li  data-name='+item+'><a href="#chat_page">' + item + '</a></li>';
  $('#contacts_list').html(output).listview('refresh');
  //Show the contact name on the front of chat page
  $('#contacts_list').children('li').on('click', function ()
  {
    var contact_name=$(this).attr('data-name');
    $('#contact_name').html(contact_name);
    get_name(contact_name);
  });
});

<!--When someone click a user in contacts, it will show the chat page-->
<div data-role="page" id="chat_page" data-role="page" data-theme="a">
<div data-role="header">
  <h1 id="contact_name"></h1>
</div>

<div data-role="content">
  <div id="incomingMessages" name="incomingMessages" class="msgContainerDiv" > 
  </div>
  <label for="messageText"><strong>Message:</strong></label>
  <textarea id="messageText"></textarea>

</div>

<div data-role="footer">

  <fieldset class="ui-grid-a">
    <div class="ui-block-a">
      <a href="#contacts_page" id="goBackButton" data-role="button">Go Back</a>  
    </div>
    <div class="ui-block-b">
      <button data-theme="a" id="chatSendButton" name="chatSendButton">Send
</input>
  </fieldset>

</div>

</div>

这是 ajax 代码的一部分，我使用 ajax 获取聊天数据，然后将它们附加到我的聊天页面。

success: function(data)
                 {
                 var get_data = JSON.parse(data);

                 $("#incomingMessages").append
                 (
                  "<div class='message'><span class='username'>" +
                  (get_data.from || 'Anonymous') +"</span> : " +
                  (get_data.message || ' ') + "</br>" +
                  (get_data.message_time || ' ')
                  +"</div>"
                  );
                 }
                 });

我知道原因是当用户单击联系人时，它总是会转到同一页面，这就是为什么所有用户都可以看到消息的原因。

有什么解决办法吗？

提前致谢。

4

2 回答 2

0

#incomingMessages切换用户时应清除。当您想用新用户的消息替换它时，您可能会将 HTML 内容留在该 div 中。

就像是

$('#incomingMessages').html('')

于 2013-09-17T21:12:27.317 回答
0

一个简单的解决方案是使用本地存储来存储历史记录 ( #incomingMessages) 并#messageText为每个用户存储。

#messageText然后，您可以在用户重新打开聊天时清除并重新加载它。

于 2013-12-03T18:54:37.530 回答