<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Jquery20150305.aspx.cs" Inherits="Jquery20150305" %>

<!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>Jquery异步查询加载效果</title>

    <script src="JS/jquery-1.9.1.js" type="text/javascript"></script>

    <link href="Styles/Site.css" rel="stylesheet" type="text/css" />

    <style type="text/css">

    .span_query { cursor:pointer;}

    </style>

    <script type="text/javascript">

        $(function () {

            $(".span_query").click(function () {

                var val = $(this).attr("data-value");

                var id = $(this).attr("id");

                AjaxQuery($(this),val);

            });

        });

        function AjaxQuery(obj, v) {

            $.ajax({

                url: 'Ajax/Handler.ashx?queryType=score&queryValue=' + v,

                type: 'POST',

                dataType: 'text',

                timeout: 10000,

                cache: false,

                beforeSend: LoadFunction,

                error: erryFunction,

                success: succFunction

            })

            function LoadFunction() {

                obj.html('<img src="Images/loading02.gif" />');

            }

            function erryFunction() {

                obj.html('error');

            }

            function succFunction(tt) {

                obj.html('');

                obj.html(tt);

            }

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <table style="width:100%"  class="gvCss">

       <tr class="head"><td style="width:10%;">姓名</td><td style="width:30%;">语文</td><td style="width:30%;">数学</td><td style="width:30%;">英语</td></tr>

       <tr><td>张三</td>

           <td id="query1" title="点击查询" class="span_query" data-value="1">查询</td>

           <td id="query2" title="点击查询" class="span_query" data-value="2">查询</td>

           <td id="query3" title="点击查询" class="span_query" data-value="3">查询</td></tr>

    </table>

    </div>

    </form>

</body>

</html>

<%@ WebHandler Language="C#" Class="Handler" %>

using System;

using System.Web;

using System.Web.SessionState;

//Handler.ashx

public class Handler : IHttpHandler, IRequiresSessionState

{

    public void ProcessRequest(HttpContext context)

    {

        context.Response.ContentType = "text/plain";

        string queryType = context.Request["queryType"];

        string queryValue = context.Request["queryValue"];

        if (context.Session["preQuery"] == null) //第一次查询

        {

            context.Session["preQuery"] = queryValue + "@" + DateTime.Now.AddDays(-1);

            context.Session["currQuery"] = queryValue + "@" + DateTime.Now;

        }

        else //存在上次查询

        {

            string[] preStrs = context.Session["currQuery"].ToString().Split('@');

            context.Session["preQuery"] = queryValue + "@" + preStrs[1]; //重置为当前查询参数+上次查询时间

            context.Session["currQuery"] = queryValue + "@" + DateTime.Now;

        }

        string[] strs=context.Session["preQuery"].ToString().Split('@');

        if (strs[0] == queryValue) //同一请求限制查询间隔

        {

            DateTime preTime = Convert.ToDateTime(strs[1]);

            DateTime nowTime = DateTime.Now;

            bool flag = CheckQueryTimeSpan(preTime, nowTime, 3);

            if (flag)

            {

                context.Response.Write("查询间隔3秒");

            }

            else

            {

                context.Response.Write("98");

            }

        }

        context.Response.End();

    }

    /// <summary>

    /// 判断本次查询和上次查询间隔是否小于指定秒数

    /// </summary>

    /// <param name="preTime">上次查询时间</param>

    /// <param name="nowTime">本次查询时间</param>

    /// <param name="timeSpan">指定秒数</param>

    /// <returns></returns>

    public bool CheckQueryTimeSpan(DateTime preTime, DateTime nowTime, int timeSpan)

    {

        TimeSpan ts = nowTime - preTime;

        int difference = ts.Seconds;

        bool flag = (difference < timeSpan) ? true : false;

        return flag;

    }

    public bool IsReusable {

        get {

            return false;

        }

    }

}

Jquery+Ajax限制查询间隔的更多相关文章

  1. jquery ajax 前前后后，所有的函数并查询链接

    jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 描述 jQuery.ajax() 执行异步 H ...

  2. Jquery+Ajax下拉框级联查询

  3. 2018.2.28 PHP中使用jQuery+Ajax实现分页查询多功能如何操作

    PHP中使用jQuery+Ajax实现分页查询多功能如何操作 1.首先做主页Ajax_pag.php 代码如下 <!DOCTYPE html> <html> <head& ...

  4. 继上篇-jquery ajax提交 本篇用ajax提交的数据去数据库查询

    上篇讲到如何用jquery ajax提交数据至后台,后台接收并返回给ajax.https://www.cnblogs.com/tiezhuxiong/p/11943328.html 今天我们把数据传到 ...

  5. 基于Jquery+Ajax+Json+存储过程 高效分页

    在做后台开发中,都会有大量的列表展示,下面给大家给大家分享一套基于Jquery+Ajax+Json+存储过程高效分页列表,只需要传递几个参数即可.当然代码也有改进的地方,如果大家有更好的方法,愿留下宝 ...

  6. jQuery.ajax(url,[settings])

    概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象. ...

  7. 用.NET MVC实现长轮询，与jQuery.AJAX即时双向通信

    两周前用长轮询做了一个Chat,并移植到了Azure,还写了篇博客http://www.cnblogs.com/indream/p/3187540.html,让大家帮忙测试. 首先感谢300位注册用户 ...

  8. JavaScript强化教程——jQuery AJAX 实例

    什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...

  9. 再谈Jquery Ajax方法传递到action 【转载】

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://cnn237111.blog.51cto.com/2359144/984466 之 ...

随机推荐

  1. Calico 的网络结构是什么？- 每天5分钟玩转 Docker 容器技术（68）

    上一节我们部署了 Calico 网络,今天将运行容器并分析 Calico 的网络结构. 在 host1 中运行容器 bbox1 并连接到 cal_net1: docker container run ...

  2. [UWP]使用Writeable​Bitmap创建HSV色轮

    1. HSV 1.1 HSV的定义 HSV都是一种将RGB色彩模型中的点在圆柱坐标系中的表示法,这种表示法试图做到比RGB基于笛卡尔坐标系的几何结构更加直观.HSV即色相.饱和度.明度(英语:Hue, ...

  3. 如何在centos7上安装源码包

    在我们使用linux的过程中,有很多程序是通过红帽官网给的系统中安装的,但是一般来说,系统更新的速度比较慢,如果这个时候我们又想用最新版的该怎么办呢?总不能一直等系统升级吧╮(╯﹏╰)╭所以,我们可以 ...

  4. CCIE-MPLS VPN-实验手册（中卷）

    5:MPLS VPN PE CE OSPF 实验1 5.1 实验拓扑 5.2 实验需求 a. R1 R2 R3 组成P-NETWORK,底层协议采用EIGRP b. R1 R2 R3 直连链路启用LD ...

  5. 转：swagger 入门

    前言 swagger ui是一个API在线文档生成和测试的利器,目前发现最好用的. 为什么好用?Demo 传送门 支持API自动生成同步的在线文档 这些文档可用于项目内部API审核 方便测试人员了解A ...

  6. Web编程：JSP环境安装与配置

    Web服务器:Tomcat 数据库服务器:暂时未使用 集成开发环境:eclipse 要运行JSP程序,首先要安装JDK(Java Developer Kit),并且还要配置运行Java程序的环境变量. ...

  7. 【Alpha】Daily Scrum Meeting——Day1

    站立式会议照片 每个人的工作分配 成 员 今日计划完成的任务 胡丹丹 学习手机app开发的总体流程以及搭建APP开发所需要的安卓环境,加强Java语言的学习掌握 曾丽君 学习手机app开发的总体流程以 ...

  8. Python[小甲鱼005Python的数据类型]

    一.数值类型 整形 布尔类型        True 和 False  即1和0 浮点型 e记法                e ,例如      1.5e11 = 150000000000     ...

  9. 201521123071 《JAVA程序设计》第十周学习总结

    第十周-异常与多线程 1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常与多线程相关内容. 2. 书面作业:本次PTA作业题集异常.多线程 1. finally:题目4-2 1. ...

  10. eastcom——eclipse中运行vtmserver项目

    1, vtmserver项目必须在tomcat7上运行. 2, 在Eclipse中vtmserver的截图 3, 在eclipse中配置一个tomcat7并将vtmserver加入其中 4, 在ecl ...