个人中心
gpt4 book ai didi

页面间隔半秒钟更新时间 Asp.net使用Comet开发http长连接示例分享

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章页面间隔半秒钟更新时间 Asp.net使用Comet开发http长连接示例分享由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

好处:1.和AJAX轮询比起来 节省资源,并且延迟小, 2.和webSocket比起来,适用的场景比较广泛.

1.先建立一个Asp.net MVC的空项目 。

添加一个控制器  (同样的代码在Asp.net WebForm中也是可以使用的) 。

  。

复制代码代码如下:

public class CometController : Controller
    {
        public ActionResult Test()
        {
            Response.Buffer = false;
            while (true)
            {
                Response.Write(DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss FFF") + "|");
                Thread.Sleep(500);
            }
            //跑不到这里的
            return Content("");
        }
    }
}

  。

2.再兴建一个控制器和View 用于显示HTML 。

  。

复制代码代码如下:

public class HomeController : Controller     {         //         // GET: /Home/ 。

  。

        public ActionResult Index()         {             return View();         } 。

    } 。

  。

View的代码比较重要 。

  。

复制代码代码如下:

@{     Layout = null; } <!DOCTYPE html> <html> <head>     <title>Index</title>     <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>     <script language="javascript">         var req = false;         var lastDelimiterPosition = -1,

  。

        $(document).ready(function () {             getData();         }),

        function getData() {             loadXMLDoc("/Comet/Test");         } 。

        //新建一个XHR function createRequest() {             if (window.XMLHttpRequest && !(window.ActiveXObject)) {                 try {                     req = new XMLHttpRequest();                 } catch (e) {                     req = false;                 }        // branch for IE/Windows ActiveX version                } else if (window.ActiveXObject) {                 try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {                     try {                         req = new ActiveXObject("Microsoft.XMLHTTP");                     } catch (e) {                         req = false;                     }                 }             }         } 。

        //发起请求 function loadXMLDoc(url) {             try {                 if (req) {                     req.abort();                     req = false;                 }                 createRequest();                 if (req) {                     req.onreadystatechange = processReqChange;                     req.open("GET", url, true);                     req.send("");                 } else {                     alert('unable to create request');                 }             } catch (e) { alert(e.message); }         } 。

        //检查状态 function processReqChange() {             if (req.readyState == 3) {                 try {                     ProcessInput(req.responseText);                     if (req.responseText.length > 3000) {                         lastDelimiterPosition = -1; getData();                     }                 }                 catch (e) {                     alert(e.message);                 }             }         } 。

        //拆分字符串 function ProcessInput(input) {             var text = input;             var nextDelimiter = text.indexOf('|', lastDelimiterPosition + 1);             if (nextDelimiter != -1) {                 var timeStamp = text.substring(nextDelimiter + 1);                 if (timeStamp.length > 0) {                     lastDelimiterPosition = nextDelimiter;                     ProcessTime(timeStamp);                 }             }         } 。

        //输出 或者触发什么事件 function ProcessTime(time) {             document.getElementById('div1').innerHTML = time;         }     </script> </head> <body>     <div>         <div id="div1">         </div>         <div id="div2">         </div>     </div> </body> </html> 。

  。

3.最终效果为

页面上显示一个时间,每隔半秒钟更新一次 。

当然，拿到内容以后，其实你想做什么就做什么。。。更新DOM也好,执行js也好, (还好有eval这个方法~~) 。

4.这个例子只是基于异步Javascript的一个实现.

实际上还可以通过<iframe> 和 <script>这两个标签做实现,特别是script标签可以访问和执行跨域的javascript. 。

最后此篇关于页面间隔半秒钟更新时间 Asp.net使用Comet开发http长连接示例分享的文章就讲到这里了,如果你想了解更多关于页面间隔半秒钟更新时间 Asp.net使用Comet开发http长连接示例分享的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： php smarty 二级分类代码和模版循环例子
文章推荐： PHP 八种基本的数据类型小结
文章推荐： asp.net自定义分页控件示例
文章推荐： asp.net页面生命周期详解
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com