利用ajax作一实时日志系统查询模块,和感兴趣的同行交流一下!

最近作一模块 ,实时查询日志系统。
其思路是:1:加载网页时,从数据库读x条记录,显示在页面中。2:设置刷新时间,动态的从数据库中读取记录,在客户端进行

局部刷新。由于是局部刷新,所以就用到了ajax技术.
具体做法是:
1:从网站http://ajax.schwarz-interactive.de/csharpsample/default.aspx 下载ajax.dll动态连接库.
2:配置web.config 
<system.web>
  <httpHandlers>
 <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
    </httpHandlers>
</system.web>
3:在网页中加入以下代码
<HEAD>
  <script language="javascript" src="ajax/common.ashx"></script>
  <script language="javascript" src="ajax/AjaxWebApp.Demo,AjaxWebApp.ashx"></script>
</HEAD>
备注:其中AjaxWebApp.Demo中:AjaxWebApp是命名空间名字,Demo是一类名。
4:在Page_Load 中加入Ajax.Utility.RegisterTypeForAjax(typeof( AjaxWebApp.Demo)) 语句。
5:开始在Demo类中写方法:
   格式:[Ajax.AjaxMethod]
  public string GetDataSet()
  {
             //读数据的代码。
     
             return HTML;
         }
6:在web页的HTML代码中调用此方法。
   <script language="javascript">
 Demo.GetDataSet(GetDataSet_callback) ;
 function GetDataSet_callback(response)
 {
  var retValue = response.value;
  //处理retValue code
 }

   </script> 
7:到现在已完成ajax的基本操作。
8:下面实现动态从服务器端获取数据:
   利用javascript 中利用
  setInterval("getdata();",refreshTime);

第6部中的代码改为
<script language="javascript">
   function getdata()
 {
     
   Demo.GetDataSet(GetDataSet_callback) ; 
 } 
 
 function GetDataSet_callback(response)
 {
  var retValue = response.value;
  //处理retValue code
 }
 setInterval("getdata();",refreshTime);
 //refreshTime是自定义刷新时间
   </script>

倒此,加上自己要处理数据的代码,就可以了!

转载于:https://www.cnblogs.com/easylearning/archive/2005/11/10/272868.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值