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 相关文章推荐
MSN消息提示类
Sep 05 Javascript
JavaScript效率调优经验
Jun 04 Javascript
用jquery ajax获取网站Alexa排名的代码
Dec 12 Javascript
js中array的sort()方法使用介绍
Feb 20 Javascript
页面内容排序插件jSort使用方法
Oct 10 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
Oct 26 Javascript
微信小程序 条件渲染详解
Oct 09 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
Feb 19 Javascript
web前端开发中常见的多列布局解决方案整理(一定要看)
Oct 15 Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 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支持页面回退的两种方法
2008/01/10 PHP
php+js iframe实现上传头像界面无跳转
2014/04/29 PHP
Codeigniter的一些优秀特性总结
2015/01/21 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
php简单统计中文个数的方法
2016/09/30 PHP
动态加载iframe
2006/06/16 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
javascript移动设备Web开发中对touch事件的封装实例
2014/06/05 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
微信小程序图片自适应支持多图实例详解
2017/06/21 Javascript
微信小程序使用request网络请求操作实例
2017/12/15 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
2017/12/25 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
2019/06/13 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
Python遍历目录并批量更换文件名和目录名的方法
2016/09/19 Python
python正则表达式面试题解答
2020/04/28 Python
Python的多维空数组赋值方法
2018/04/13 Python
YUV转为jpg图像的实现
2019/12/09 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
Django搭建项目实战与避坑细节详解
2020/12/06 Python
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
德国在线购买葡萄酒网站:Geile Weine
2019/09/24 全球购物
学校宣传标语
2014/06/18 职场文书
大学生创业计划书
2014/08/14 职场文书
忠诚教育心得体会
2014/09/03 职场文书
课内比教学心得体会
2014/09/09 职场文书
离婚协议书范本2014
2014/10/27 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书