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 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
javascript中setTimeout使用指南
Jul 26 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
微信小程序 二维码canvas绘制实例详解
Jan 06 Javascript
AngularJS ui-router (嵌套路由)实例
Mar 10 Javascript
Node.js 中exports 和 module.exports 的区别
Mar 14 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 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
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
php生成随机颜色的方法
2014/11/13 PHP
php使用Jpgraph绘制柱形图的方法
2015/06/10 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
动态加载JS文件的三种方法
2013/11/08 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
jquery+easeing实现仿flash的载入动画
2015/03/10 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
JS匿名函数类生成方式实例分析
2016/11/26 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
JS中的JSON对象的定义和取值实现代码
2018/05/09 Javascript
Linux Centos7.2下安装nodejs&amp;npm配置全局路径的教程
2018/05/15 NodeJs
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
js的各种数据类型判断的介绍
2019/01/19 Javascript
vue点击标签切换选中及互相排斥操作
2020/07/17 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
python获得文件创建时间和修改时间的方法
2015/06/30 Python
numpy使用技巧之数组过滤实例代码
2018/02/03 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
Empty test suite.(PyCharm程序运行错误的解决方法)
2018/11/30 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
logging level级别介绍
2020/02/21 Python
Django通过json格式收集主机信息
2020/05/29 Python
python的flask框架难学吗
2020/07/31 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
什么是测试驱动开发(TDD)
2012/02/15 面试题
家具公司总经理岗位职责
2014/07/08 职场文书
民事赔偿协议书
2014/11/02 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
三好学生评语大全
2014/12/29 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL