jquery插件之定时查询待处理任务数量


Posted in Javascript onMay 01, 2014

使用方法:

$("#todo_tip").pull_todo_count();

后台返回值

{"todo_count":3}

js文件

(function ($) {
    var element;
    $.fn.pull_todo_count = function () {
        var a = $('<a>0个审核待申请</a>');
        a.attr("href","/process/todo_list");
        a.appendTo($(this));
        $(this).hide();
        element = $(this);
        timerRequestData();
    };
    function timerRequestData() {
        $.ajax({
            url:'/pull_todo_count',
            type:'get',
            data:null,
            dataType:'json',
            success:function(data){
                var count = data["todo_count"];
                console.log(count);
                if(count > 0){
                    element.children("a").html(count+"个审核待申请");
                    element.show();
                }else{
                    element.hide();
                }
            }
        });
        setTimeout(timerRequestData,60000);
    }
})(jQuery);

模板html代码

{% if user.is_authenticated %}
<span id="todo_tip" style="display: none;"></span>  
{% endif %}
Javascript 相关文章推荐
js+FSO遍历文件夹下文件并显示
Mar 07 Javascript
深入分析js中的constructor和prototype
Apr 07 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
Jan 17 Javascript
使用js画图之饼图
Jan 12 Javascript
javascript中setTimeout使用指南
Jul 26 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
JavaScript装饰器函数(Decorator)实例详解
Mar 30 Javascript
AngularJS中下拉框的基本用法示例
Oct 11 Javascript
Bootstrap FileInput实现图片上传功能
Jan 28 Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 #Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 #Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 #Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 #Javascript
js获取ajax返回值代码
Apr 30 #Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 #Javascript
js图片预加载示例
Apr 30 #Javascript
You might like
解析php file_exists无效的解决办法
2013/06/26 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
2015/04/06 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
分析JS单线程异步io回调的特性
2017/12/01 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
Python读取网页内容的方法
2015/07/30 Python
基于python实现的抓取腾讯视频所有电影的爬虫
2016/04/22 Python
Python面向对象之继承代码详解
2018/01/29 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
python计算列表内各元素的个数实例
2018/06/29 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
Python3实现二叉树的最大深度
2019/09/30 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
python switch 实现多分支选择功能
2020/12/21 Python
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
社区八一活动方案
2014/02/03 职场文书
人力资源主管职责范本
2014/03/05 职场文书
教师求职自荐信范文
2015/03/04 职场文书
学生会干部任命书
2015/09/21 职场文书
工人先锋号事迹材料(2016精选版)
2016/03/01 职场文书
pycharm2021激活码使用教程(永久激活亲测可用)
2021/03/30 Python
SQLServer 错误: 15404,无法获取有关 Windows NT 组/用户 WIN-8IVSNAQS8T7\Administrator 的信息
2021/06/30 SQL Server
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis