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几个验证函数代码
Mar 25 Javascript
jquery 与NVelocity 产生冲突的解决方法
Jun 13 Javascript
jquery选择符快速提取web表单数据示例
Mar 27 Javascript
动态载入js提高网页打开速度的方法
Jul 04 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
May 28 Javascript
利用express启动一个server服务的方法
Sep 17 Javascript
浅谈PDF.js使用心得
Jun 07 Javascript
详解Vue项目部署遇到的问题及解决方案
Jan 11 Javascript
vue中使用vue-cli接入融云实现即时通信
Apr 19 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 Javascript
jQuery treeview树形结构应用
Mar 24 jQuery
自己使用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 删除数组元素
2009/01/16 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
node.js中的fs.writeSync方法使用说明
2014/12/15 Javascript
深入理解Javascript中的自执行匿名函数
2016/06/03 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
详解vue中computed 和 watch的异同
2017/06/30 Javascript
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
webpack4 升级迁移的实现
2018/09/12 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
ES6基础之解构赋值(destructuring assignment)
2019/02/21 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
对python过滤器和lambda函数的用法详解
2019/01/21 Python
python 对类的成员函数开启线程的方法
2019/01/22 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
python设置随机种子实例讲解
2019/09/12 Python
Python常用模块sys,os,time,random功能与用法实例分析
2020/01/07 Python
Numpy一维线性插值函数的用法
2020/04/22 Python
python自定义函数def的应用详解
2020/06/03 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
波兰家具和室内装饰品购物网站:Vivre
2018/04/10 全球购物
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
super关键字的用法
2012/04/10 面试题
大学生职业规划前言模板
2013/12/27 职场文书
餐饮加盟计划书
2014/01/10 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
副总经理岗位职责
2015/02/02 职场文书
劳动模范获奖感言
2015/07/31 职场文书
2016年情人节问候语
2015/11/11 职场文书