ajax长链接--拉实现

很多时候需要用在网页上实时显示数据，这个时候一般要用到长链接技术。最简单的实现就是ajax轮询，也就是拉的方式。下面是一个简单的例子：在网页上实时显示服务器时间。

后端WebService代码：

/// <summary>/// ServerTime 的摘要说明/// </summary>    [WebService(Namespace = "http://tempuri.org/")]    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]    [System.ComponentModel.ToolboxItem(false)]    [ScriptService]public class ServerTime : System.Web.Services.WebService    {/// <summary>/// 获取服务器端时间/// </summary>/// <returns></returns>        [WebMethod]        [ScriptMethod(UseHttpGet=true, ResponseFormat=ResponseFormat.Json)]public string GetTime()        {return DateTime.Now.ToString("yyyy-MM-dd hh-mm-ss");        }    }

前段html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script type="text/javascript" src="Scripts/jquery-1.4.1.js" ></script>    <script type="text/javascript">        function callWebService(url, param, handler) {            $.ajax({                url: url,                data: param,                type: "get",                dataType: "json",                contentType: "application/json; charset=utf-8",                success: function (p) {                    handler(p.d);                }            });        };      </script></head><body><script language="javascript" type="text/javascript">//轮询刷新服务器时间    setInterval(showTime, 1000);    function showTime() {        callWebService("ServerTime.asmx/GetTime", null, function (data) {            $("#serverTime").html(data);

        });    }</script><div id="serverTime"></div></body></html>

转载于:https://www.cnblogs.com/alala666888/archive/2012/02/13/2349499.html

ajax长链接--拉实现相关推荐

长链接短链接拉起拼多多问题
为保证APP跳转的稳定性.安全性,请渠道使用我们官方提供的文档,用scheme方式从渠道方自身APP拉起拼多多APP的渠道,请scheme后面落地页链接使用我们官方的[长链接],不要使用非官方链接.请 ...
HTTP长链接和ajax轮询以及websocket原理理解
HTTP的生命周期通过 Request 来界定,也就是一个 Request 一个 Response ,那么在 HTTP1.0 中,这次HTTP请求就结束了. 在HTTP1.1中进行了改进,使得有一个k ...
Comet 反Ajax: 基于jQuery与PHP实现Ajax长轮询(LongPoll)
传统的AJAX轮询方式,客服端以用户定义的时间间隔去服务器上查询最新的数据.种这种拉取数据的方式需要很短的时间间隔才能保证数据的精确度,但太短的时间间隔客服端会对服务器在短时间内发送出多个请求. 反转 ...
SSE实现后端向前页面推送实时数据,是长链接不是连接一次就断开
新接触sse,从网上找了好多资料都是在后端retuen数据给页面,这样导致了页面的长链接就断开了,然后我就改了下它,如果有其他更简便的方式,请大佬们告诉我直接上代码后端接口: 后端我是集成了swa ...
HTTP长链接与短连接？
目录前言 1. 长链接是什么? RST包是什么? 2. 长链接的过期时间 3.长连接的数据传输完成识别 4.TCP通道复用(长连接)并发连接数的数量限制 5.容易混淆的概念--TCP的keep al ...
带地址参数的长链接转换成短链接分享
项目中的长链接中有二维码的地址,二维码的地址中又有用户的参数,出现了两个?,分享出去很不好看还有问题,使用了新浪等的长链接转短链接总会截断第二个问号后的数据. 我自己去网站扒了一个长链接转短链接的接口 ...
分布式多端同步IM架构设计及其中台化过程（一）（无长链接推送设计）
意义 IM发展至今,已是非常重要的互联网应用形态之一,尤其移动互联网时代,它正以无与论比的优势降低了沟通成本和交流门槛,对各种应用形态产生了深远影响需求背景新业务线开发新app需要私信功能,期望实 ...
uniapp 长链接 socket 封装
App.vue <script>import socket from '@/util/IM.js'export default {watch: {'$route': function() ...
jquery ajax下拉联动,jQuery Ajax MVC 下拉框联动
无刷新下拉框联动方法: Controllers代码 public JsonResult DH_Change(string DH_ID) { List TeamLeaderList = FinanceD ...

ajax长链接--拉实现

ajax长链接--拉实现相关推荐

最新文章

热门文章