如何在此聊天应用程序中使用 Ajax答案

【问题标题】：How to use Ajax for this Chat application如何在此聊天应用程序中使用 Ajax
【发布时间】：2013-11-24 06:35:00
【问题描述】：

我想将 Ajax 用于我的聊天应用程序，而不是每秒刷新一个 iframe 以获取新消息。有人告诉我使用带有 ajax 的 web 服务。我应该如何处理我的代码才能使用 Ajax？

这是显示每秒调用一次的 Iframe 的代码，并且 Iframe src 有一个显示聊天消息的 aspx 页面

     <script type="text/javascript">
            function refreshConversatio() {
             document.getElementById('iframeDisplayMessage').src = 'frmMessageDisplay.aspx';

            }
     </script>
    <body>
    <div id="divMessageDisplayPage" style="height: 724px; ">
          <asp:PlaceHolder ID="ContentPlaceHolderDisplayMessage" runat="server">
          <iframe id="iframeDisplayMessage" name="iframeDisplayMessage" width="76%" style="background-color:White;" height="95%" frameborder="0" src="frmMessageDisplay.aspx" 
    onload="document.getElementById('iframeDisplayMessage').contentWindow.scrollTo(0,document.getElementById('iframeDisplayMessage').contentWindow.document.body.scrollHeight)">
          </iframe>
          </asp:PlaceHolder> 
      </div>


    <script type="text/javascript">
            setInterval(function () { refreshConversatio(); }, 1000)


        </script>
 </body>

这是在 Iframe 中调用的 Aspx 页面，它具有显示消息的文字

 <div id="divConversation"  style="width: 100%;">

        <asp:Literal ID="RecepientConversation"  runat="server"/>

    </div>

【问题讨论】：

标签： c# asp.net ajax jquery asp.net-ajax

【解决方案1】：

看看利用 SignalR 完成任务。 Patrick Fletcher 有一套非常不错的教程，其中包含用于构建基本聊天应用程序的示例。

教程链接：

http://www.asp.net/signalr/overview/signalr-20/getting-started-with-signalr-20/introduction-to-signalr

http://www.asp.net/signalr

【讨论】：