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实例教程(19) 使用HoTMetal(1)
Dec 23 Javascript
javascript脚本调试方法小结
Nov 24 Javascript
学习ExtJS Window常用方法
Oct 07 Javascript
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
Mar 12 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
jQuery深拷贝Json对象简单示例
Jul 06 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
Vue 中批量下载文件并打包的示例代码
Nov 20 Javascript
vue左右侧联动滚动的实现代码
Jun 06 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获取文件的MD5值并判断是否被修改的例子
2014/06/19 PHP
在Mac OS上编译安装Nginx+PHP+MariaDB开发环境的教程
2016/02/23 PHP
php连接sftp的作用以及实例代码
2019/09/23 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
JS给Textarea文本框添加行号的方法
2015/08/20 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
2015/09/09 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
2016/12/14 Javascript
Flask中获取小程序Request数据的两种方法
2017/05/12 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
详解Vue路由History mode模式中页面无法渲染的原因及解决
2017/09/28 Javascript
JavaScript门道之标准库
2018/05/26 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
详解ES6 Promise的生命周期和创建
2019/08/18 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
Python中的__new__与__init__魔术方法理解笔记
2014/11/08 Python
在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程
2015/04/25 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
python 按不同维度求和,最值,均值的实例
2018/06/28 Python
Python迭代器与生成器基本用法分析
2018/07/26 Python
Django发送邮件和itsdangerous模块的配合使用解析
2019/08/10 Python
python接口自动化如何封装获取常量的类
2019/12/24 Python
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
Under Armour安德玛意大利官网:美国高端运动科技品牌
2020/01/16 全球购物
资生堂英国官网:Shiseido英国
2020/12/30 全球购物
求职信格式要求
2014/05/23 职场文书
中职生求职信
2014/07/01 职场文书
机关作风建设心得体会
2014/10/22 职场文书
投资意向协议书
2015/01/29 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
教师个人教学反思
2016/02/23 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python