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 浮动层菜单收藏
Jan 16 Javascript
Javascript Select操作大集合
May 26 Javascript
TBCompressor js代码压缩
Jan 05 Javascript
jquery选择器使用详解
Apr 08 Javascript
JavaScript中对循环语句的优化技巧深入探讨
Jun 06 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
JS创建事件的三种方法(实例代码)
May 12 Javascript
socket.io实现在线群聊功能
Apr 07 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 Javascript
js指定步长实现单方向匀速运动
Jul 17 Javascript
浅谈Webpack下多环境配置的思路
Jun 27 Javascript
vue中将html字符串转换成html后遇到的问题小结
Dec 10 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中图片等比缩放的实例
2013/03/24 PHP
PHP用身份证号获取星座和生肖的方法
2013/11/07 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
PHP文件操作方法汇总
2015/07/01 PHP
PHP超全局数组(Superglobals)介绍
2015/07/01 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
Thinkphp 中 distinct 的用法解析
2016/12/14 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
PHP中使用OpenSSL生成证书及加密解密
2017/02/05 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
javascript中的array数组使用技巧
2010/01/31 Javascript
基于jquery的复制网页内容到WORD的实现代码
2011/02/16 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
Javascript浅谈之this
2013/12/17 Javascript
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
JavaScript框架Angular和React深度对比
2017/11/20 Javascript
JS实现简单的浮动碰撞效果示例
2017/12/28 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
python入门教程 python入门神图一张
2018/03/05 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
在 Pycharm 安装使用black的方法详解
2020/04/02 Python
python3.7+selenium模拟淘宝登录功能的实现
2020/05/26 Python
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
彪马英国官网:PUMA英国
2019/02/11 全球购物
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
费用会计岗位职责
2014/01/01 职场文书
英语商务邀请函范文
2014/01/16 职场文书
教师现实表现材料
2014/02/14 职场文书
施工员岗位职责
2014/03/16 职场文书
水污染治理工程专业求职信
2014/06/14 职场文书
工作作风承诺书
2014/08/30 职场文书
python+pyhyper实现识别图片中的车牌号思路详解
2022/12/24 Python