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 相关文章推荐
document对象execCommand的command参数介绍
Aug 01 Javascript
javascript对数组的常用操作代码 数组方法总汇
Jan 27 Javascript
最常用的12种设计模式小结
Aug 09 Javascript
javascript SpiderMonkey中的函数序列化如何进行
Dec 05 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 Javascript
js 获取input点选按钮的值的方法
Apr 14 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
JS动态给对象添加属性和值的实现方法
Oct 21 Javascript
vue路由教程之静态路由
Sep 03 Javascript
Vue中nprogress页面加载进度条的方法实现
Nov 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
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
PHP实现十进制数字与二十六进制字母串相互转换操作示例
2018/08/10 PHP
javascript 面向对象继承
2009/11/26 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
2011/02/23 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
JS实现刷新父页面不弹出提示框的方法
2016/06/22 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
[47:18]完美世界DOTA2联赛循环赛 IO vs FTD BO2第一场 11.05
2020/11/06 DOTA
Python编程中归并排序算法的实现步骤详解
2016/05/04 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
利用Python-iGraph如何绘制贴吧/微博的好友关系图详解
2017/11/02 Python
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
Python定时任务sched模块用法示例
2018/07/16 Python
Python Flask框架扩展操作示例
2019/05/03 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
python 进程的几种创建方式详解
2019/08/29 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
PyTorch中的Variable变量详解
2020/01/07 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
PHP如何删除一个Cookie值
2012/11/15 面试题
英语系本科生求职信范文
2013/12/18 职场文书
ktv好的活动方案
2014/08/17 职场文书
党员活动总结
2015/02/04 职场文书
花木兰观后感
2015/06/10 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
高通2023 年将发布高性能PC处理器
2022/04/29 数码科技
HttpClient实现文件上传功能
2022/08/14 Java/Android