利用Jquery实现http长连接(LongPoll)_jquery 长连接-优快云博客

本文介绍了一种使用jQuery实现的长轮询技术，通过客户端发送请求并等待服务器响应直至有新数据或超时为止。文章详细展示了前端JavaScript代码如何设置长时间等待的AJAX请求，并在后台代码中实现数据准备及响应机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function(){  
            $("#Button1").bind("click",{btn:$("#Button1")},function(evdata){  
                $.ajax({  
                    type:"POST",  
                    url:"JqueryAjaxLongPoll.aspx",  
                    dataType:"json",  
                    data:{ajax:"1",time:"6000000"},  
                    success:function(data,textStatus){  
                            //成功  
                            if(data.success=="1"){  
                                //客户端处理  
                                //...  
                                ///重新请求  
                                evdata.data.btn.click();  
                            }  
                            //超时  
                            if(data.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("error:"+textStatus);  
//                            if(textStatus=="timeout")  
                                evdata.data.btn.click();  
                    }  
                });  
            });  
  
后台代码变更后：  
if (Request.Form["ajax"] == "1")  
        {  
            int time = Convert.ToInt32(Request.Form["time"]);  
            DateTime date1 = DateTime.Now.AddMilliseconds((double)time);  
            bool ready = false;  
            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 (!Page.IsPostBack)  
            {  
  
            }  
        }