新建
上传
首页
助手
最?/div>
资料?/div>
工具

 

 

 

 

本文实例讲述?/p>

JQuery

实现简单的服务器轮询效果。分享给大家供大家参考,具体?/p>

下:

 

 

 

很多论坛都有进入后,弹出提示,说有多少封邮件没有看,或者是一?/p>

oa

系统,进?/p>

后,

提示有多少个任务没有做?/p>

每隔一段时间会提示一次,

但是如何实现呢?/p>

其实?/p>

利用

jquery

的话,会比较简单,核心元素就是

json

格式解析?/p>

setInterval()

函数。下面一起来实现?/p>

 

 

 

首先,我?/p>

default.aspx

的页面如下所示:

 

 

 

<%@ 

Page 

Language="C#" 

AutoEventWireup="true" 

CodeFile="Default.aspx.cs" 

Inherits="_Default" %> 

 

 

<!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 runat="server"> 

 

 

  <title>

服务器轮?/p>

</title> 

 

 

  

<link 

href="Content/jquery-ui-1.7.2.custom.css" 

rel="stylesheet" 

type="text/css" 

/> 

 

 

  <link href="Content/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 

 

 

  <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 

 

 

  <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> 

 

 

  <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> 

 

 

  <script src="js/src/grid.base.js" type="text/javascript"></script> 

 

 

  <script type="text/javascript"> 

 

 

  function showUnreadNews() 

 

 

  { 

 

 

    $(document).ready(function() { 

 

 

      $.ajax({ 

 

 

        type: "GET", 

 

 

        url: "Result.ashx", 

 

 

        dataType: "json", 

 

 

        success: function(msg) { 

 

 

          //alert(msg); 

 

 

          $.each(msg, function(id, title) { 

 

 

  

  

  

  

  

  

$("#news").append("<a 

href=detailnews.aspx?id=" + id + ">" + title + "</a><br>"); 

 

 

          }); 

 

 

        } 

 

 

      }); 

 

 

    }); 

 

 

  } 

 

 

  setInterval('showUnreadNews()',5000); 

 

 

  </script> 

 

 

</head> 

 

 

<body> 

Ͼλ
新建
上传
首页
助手
最?/div>
资料?/div>
工具

 

 

 

 

本文实例讲述?/p>

JQuery

实现简单的服务器轮询效果。分享给大家供大家参考,具体?/p>

下:

 

 

 

很多论坛都有进入后,弹出提示,说有多少封邮件没有看,或者是一?/p>

oa

系统,进?/p>

后,

提示有多少个任务没有做?/p>

每隔一段时间会提示一次,

但是如何实现呢?/p>

其实?/p>

利用

jquery

的话,会比较简单,核心元素就是

json

格式解析?/p>

setInterval()

函数。下面一起来实现?/p>

 

 

 

首先,我?/p>

default.aspx

的页面如下所示:

 

 

 

<%@ 

Page 

Language="C#" 

AutoEventWireup="true" 

CodeFile="Default.aspx.cs" 

Inherits="_Default" %> 

 

 

<!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 runat="server"> 

 

 

  <title>

服务器轮?/p>

</title> 

 

 

  

<link 

href="Content/jquery-ui-1.7.2.custom.css" 

rel="stylesheet" 

type="text/css" 

/> 

 

 

  <link href="Content/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 

 

 

  <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 

 

 

  <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> 

 

 

  <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> 

 

 

  <script src="js/src/grid.base.js" type="text/javascript"></script> 

 

 

  <script type="text/javascript"> 

 

 

  function showUnreadNews() 

 

 

  { 

 

 

    $(document).ready(function() { 

 

 

      $.ajax({ 

 

 

        type: "GET", 

 

 

        url: "Result.ashx", 

 

 

        dataType: "json", 

 

 

        success: function(msg) { 

 

 

          //alert(msg); 

 

 

          $.each(msg, function(id, title) { 

 

 

  

  

  

  

  

  

$("#news").append("<a 

href=detailnews.aspx?id=" + id + ">" + title + "</a><br>"); 

 

 

          }); 

 

 

        } 

 

 

      }); 

 

 

    }); 

 

 

  } 

 

 

  setInterval('showUnreadNews()',5000); 

 

 

  </script> 

 

 

</head> 

 

 

<body> 

">
新建
上传
首页
助手
最?/div>
资料?/div>
工具

 

 

 

 

本文实例讲述?/p>

JQuery

实现简单的服务器轮询效果。分享给大家供大家参考,具体?/p>

下:

 

 

 

很多论坛都有进入后,弹出提示,说有多少封邮件没有看,或者是一?/p>

oa

系统,进?/p>

后,

提示有多少个任务没有做?/p>

每隔一段时间会提示一次,

但是如何实现呢?/p>

其实?/p>

利用

jquery

的话,会比较简单,核心元素就是

json

格式解析?/p>

setInterval()

函数。下面一起来实现?/p>

 

 

 

首先,我?/p>

default.aspx

的页面如下所示:

 

 

 

<%@ 

Page 

Language="C#" 

AutoEventWireup="true" 

CodeFile="Default.aspx.cs" 

Inherits="_Default" %> 

 

 

<!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 runat="server"> 

 

 

  <title>

服务器轮?/p>

</title> 

 

 

  

<link 

href="Content/jquery-ui-1.7.2.custom.css" 

rel="stylesheet" 

type="text/css" 

/> 

 

 

  <link href="Content/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 

 

 

  <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 

 

 

  <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> 

 

 

  <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> 

 

 

  <script src="js/src/grid.base.js" type="text/javascript"></script> 

 

 

  <script type="text/javascript"> 

 

 

  function showUnreadNews() 

 

 

  { 

 

 

    $(document).ready(function() { 

 

 

      $.ajax({ 

 

 

        type: "GET", 

 

 

        url: "Result.ashx", 

 

 

        dataType: "json", 

 

 

        success: function(msg) { 

 

 

          //alert(msg); 

 

 

          $.each(msg, function(id, title) { 

 

 

  

  

  

  

  

  

$("#news").append("<a 

href=detailnews.aspx?id=" + id + ">" + title + "</a><br>"); 

 

 

          }); 

 

 

        } 

 

 

      }); 

 

 

    }); 

 

 

  } 

 

 

  setInterval('showUnreadNews()',5000); 

 

 

  </script> 

 

 

</head> 

 

 

<body> 

Ͼλ">
Ͼλ
Ŀ

JQuery实现简单的服务器轮询效果实?- 百度文库
新建
上传
首页
助手
最?/div>
资料?/div>
工具

 

 

 

 

本文实例讲述?/p>

JQuery

实现简单的服务器轮询效果。分享给大家供大家参考,具体?/p>

下:

 

 

 

很多论坛都有进入后,弹出提示,说有多少封邮件没有看,或者是一?/p>

oa

系统,进?/p>

后,

提示有多少个任务没有做?/p>

每隔一段时间会提示一次,

但是如何实现呢?/p>

其实?/p>

利用

jquery

的话,会比较简单,核心元素就是

json

格式解析?/p>

setInterval()

函数。下面一起来实现?/p>

 

 

 

首先,我?/p>

default.aspx

的页面如下所示:

 

 

 

<%@ 

Page 

Language="C#" 

AutoEventWireup="true" 

CodeFile="Default.aspx.cs" 

Inherits="_Default" %> 

 

 

<!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 runat="server"> 

 

 

  <title>

服务器轮?/p>

</title> 

 

 

  

<link 

href="Content/jquery-ui-1.7.2.custom.css" 

rel="stylesheet" 

type="text/css" 

/> 

 

 

  <link href="Content/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 

 

 

  <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 

 

 

  <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> 

 

 

  <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> 

 

 

  <script src="js/src/grid.base.js" type="text/javascript"></script> 

 

 

  <script type="text/javascript"> 

 

 

  function showUnreadNews() 

 

 

  { 

 

 

    $(document).ready(function() { 

 

 

      $.ajax({ 

 

 

        type: "GET", 

 

 

        url: "Result.ashx", 

 

 

        dataType: "json", 

 

 

        success: function(msg) { 

 

 

          //alert(msg); 

 

 

          $.each(msg, function(id, title) { 

 

 

  

  

  

  

  

  

$("#news").append("<a 

href=detailnews.aspx?id=" + id + ">" + title + "</a><br>"); 

 

 

          }); 

 

 

        } 

 

 

      }); 

 

 

    }); 

 

 

  } 

 

 

  setInterval('showUnreadNews()',5000); 

 

 

  </script> 

 

 

</head> 

 

 

<body> 



ļ׺.doc޸Ϊ.docĶ

  • ߼˼άѵ
  • ע¼ҳһ
  • ʩ֯ģ - ͼ
  • ۡ01߲
  • 2014-2016бʦ - ѡ޿
  • ᄊۿνѧ̰
  • Ȩз޲Ʋϵо
  • ༪˵
  • йŴԺִУѧʾ
  • ʡ滮Ƽ

վ

԰ Ͼλ
ϵͷ779662525#qq.com(#滻Ϊ@)