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 相关文章推荐
用Javascript读取中文COOKIE的解决办法
Feb 15 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
Dec 03 Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
js实现汉字排序的方法
Jul 23 Javascript
jQuery简单实现仿京东分类导航层效果
Jun 07 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
vue-cli脚手架的安装教程图解
Sep 02 Javascript
利用JS判断元素是否为数组的方法示例
Jan 08 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
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
PHP实现验证码校验功能
2017/11/16 PHP
PHP getName()函数讲解
2019/02/03 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
浅析js中2个等号与3个等号的区别
2013/08/06 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
2013/08/28 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
js实现圆盘记速表
2015/08/03 Javascript
JavaScript实现定时隐藏与显示图片的方法
2015/08/06 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
bootstrap table表格客户端分页实例
2017/08/07 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
2018/05/30 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
2019/04/09 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
python实现根据窗口标题调用窗口的方法
2015/03/13 Python
在Python中使用HTMLParser解析HTML的教程
2015/04/29 Python
Python的Django框架安装全攻略
2015/07/15 Python
python将文本中的空格替换为换行的方法
2018/03/19 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
python+unittest+requests实现接口自动化的方法
2018/11/29 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
python序列化与数据持久化实例详解
2019/12/20 Python
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
财务人员的自我评价范文
2014/03/03 职场文书
软件工程毕业生自荐信
2014/07/04 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
525心理健康活动总结
2015/05/08 职场文书
七年级作文之冬景
2019/11/07 职场文书
Mysql 性能监控及调优
2021/04/06 MySQL
goland 清除所有的默认设置操作
2021/04/28 Golang
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers