利用Jquery实现http长连接(LongPoll)

Posted 2020-08-27 一明

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了利用Jquery实现http长连接(LongPoll)相关的知识，希望对你有一定的参考价值。

参考：http://www.cnblogs.com/vagerent/archive/2010/02/05/1664450.html

PS：为了满足某些需要实时请求的业务（PS：例如聊天室），我们可以通过多种技术实现，其中建议大家使用长链接（PS：减少带宽）或者服务器主动推送技术（例如:Signalr）。

这里只对长链接进行陈述，参考上面的博客写了个Demo如下（复制到项目里面可以直接运行）：

新建一个 Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="LongPool.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body> 
   
    <input type="button" id="Button1" value="AjaxLongPoll" />
    <label id="ajaxMessage"></label>  
</body>
</html>
<script src="Scripts/jquery-1.8.2.js"></script>
 <script>
     $(function () {
         $("#Button1").bind("click", { btn: $("#Button1") }, function (evdata) {
          
             $.ajax({
                 type: "POST",
                 url: "Default.aspx",                         
                 data: { ajax: "1", time: "6000000" },
                 success: function (data, textStatus) {
                     var _rec = $.parseJSON(data);
                     //成功
                     if (_rec.success == "1") {
                         //客户端处理  
                         alert("ok");
                         ///重新请求                           
                         evdata.data.btn.click();
                     }
                     //超时  
                     if (_rec.success == "0") {
                         evdata.data.btn.click();
                     }
                 },
                 complete: function (XMLHttpRequest, textStatus) {
                     if (XMLHttpRequest.readyState == "4") {
                         //alert(XMLHttpRequest.responseText);
                     }
                 },
                 error: function (XMLHttpRequest, textStatus, errorThrown) {
                     //$("#ajaxMessage").text($(this).text()+" out!")                      

                     alert(textStatus);
                         evdata.data.btn.click();
                 }
             });
         });
     })
 </script>


using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace LongPool
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (Request.Form["ajax"]=="1")
            {
                int time = Convert.ToInt32(Request.Form["time"]);
                DateTime date1 = DateTime.Now.AddMilliseconds(time);
                bool ready = false;
                int n = 0;
                while (Response.IsClientConnected)
                {
                    Thread.Sleep(3000);
                    if (DateTime.Compare(date1,DateTime.Now)<0)
                    {
                        Response.Write("{\\"success\\":0}");
                        Response.End();
                        break;  
                    }
                    //此处进行请求处理，有结果了置ready = true  
                    ready = true;
                    if (ready)
                    {
                        Response.Write("{\\"success\\":1}");
                        Response.End();
                        break;  
                    }
                }
            }
            else
            {
                if (!IsPostBack)
                {
                    
                }

            }
        }
    }
}

以上是关于利用Jquery实现http长连接(LongPoll)的主要内容，如果未能解决你的问题，请参考以下文章

利用flask和gevent怎样实现长连接

android怎么实现HTTP长连接

HTTP长连接是啥？底层是如何工作的？Tomcat是如何实现长连接的？

http怎么实现长连接的？

java 怎么实现http1.1中规定的pipeline的长连接