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 实现打印网页中定义的部分内容的代码
Apr 01 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
Jun 10 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
Mar 31 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
JS优化与惰性载入函数实例分析
Apr 06 Javascript
jquery实现图片放大点击切换
Jun 06 jQuery
vuex的简单使用教程
Feb 02 Javascript
vue 中滚动条始终定位在底部的方法
Sep 03 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 Javascript
使用js和canvas实现时钟效果
Sep 08 Javascript
Vue+Element UI实现概要小弹窗的全过程
May 30 Vue.js
自己使用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
ZF等常用php框架中存在的问题
2008/01/10 PHP
php简单定时执行任务的实现方法
2015/02/23 PHP
隐性调用php程序的方法
2015/06/13 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
如何在PHP环境中使用ProtoBuf数据格式
2020/06/19 PHP
jquery实现的超出屏幕时把固定层变为定位层的代码
2010/02/23 Javascript
jQuery数组处理代码详解(含实例演示)
2012/02/03 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
bootstrap表单示例代码分享
2017/05/18 Javascript
微信小程序使用Promise简化回调
2018/02/06 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
Python实现partial改变方法默认参数
2014/08/18 Python
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
全面解析Python的While循环语句的使用方法
2015/10/13 Python
Python 类与元类的深度挖掘 I【经验】
2016/05/06 Python
python使用正则表达式的search()函数实现指定位置搜索功能
2017/11/10 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
Python IDE环境之 新版Pycharm安装详细教程
2020/03/05 Python
如何在python中判断变量的类型
2020/07/29 Python
利用python进行文件操作
2020/12/04 Python
Pandas的数据过滤实现
2021/01/15 Python
美国专营婴幼儿用品的购物网站:buybuy BABY
2017/01/01 全球购物
《动手做做看》教学反思
2014/04/09 职场文书
滞留工资返还协议书
2014/10/19 职场文书
工作收入证明模板
2015/06/12 职场文书
家庭贫困证明
2015/06/16 职场文书
《分数的意义》教学反思
2016/02/20 职场文书
python playwright 自动等待和断言详解
2021/11/27 Python
pt-archiver 主键自增
2022/04/26 MySQL
详解Go语言中Get/Post请求测试
2022/06/01 Golang