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 相关文章推荐
jquery tab标签页的制作
May 10 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
Apr 21 Javascript
JavaScript实现选中文字提示新浪微博分享效果
Jun 15 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
javascript流程控制语句集合
Sep 18 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
Aug 21 Javascript
ionic2.0双击返回键退出应用
Sep 17 Javascript
JS实现旋转木马轮播图
Jan 01 Javascript
openlayers4实现点动态扩散
Aug 17 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 和 MySQL 基础教程(一)
2006/10/09 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
PHP中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
10款实用的PHP开源工具
2015/10/23 PHP
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
php实现文件上传基本验证
2020/03/04 PHP
PHP实现长轮询消息实时推送功能代码实例讲解
2021/02/26 PHP
获取HTML DOM节点元素的方法的总结
2009/08/21 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
2014/02/12 Javascript
Jquery 在页面加载后执行的几种方式
2014/03/14 Javascript
JavaScript DOM 学习总结(五)
2015/11/24 Javascript
利用JS生成博文目录及CSS定制博客
2016/02/10 Javascript
js将键值对字符串转为json字符串的方法
2018/03/30 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
go和python调用其它程序并得到程序输出
2014/02/10 Python
Python实现多线程HTTP下载器示例
2017/02/11 Python
Python3 处理JSON的实例详解
2017/10/29 Python
详解Python3的TFTP文件传输
2018/06/26 Python
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
使用Django搭建web服务器的例子(最最正确的方式)
2019/08/29 Python
python随机数分布random均匀分布实例
2019/11/27 Python
python 实现dict转json并保存文件
2019/12/05 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
民生工程实施方案
2014/03/22 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
Pycharm连接远程服务器并远程调试的全过程
2021/06/24 Python
解决redis批量删除key值的问题
2022/03/23 Redis