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 相关文章推荐
某页码显示的helper 少量调整,另附js版
Sep 12 Javascript
js交换排序 冒泡排序算法(Javascript版)
Oct 04 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
javascript实现获取服务器时间
May 19 Javascript
纯js模拟div层弹性运动的方法
Jul 27 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
Node.js中使用jQuery的做法
Aug 17 Javascript
浅谈node.js 命令行工具(cli)
May 10 Javascript
vue仿element实现分页器效果
Sep 13 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 Javascript
vue实现树状表格效果
Dec 29 Vue.js
自己使用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 危险函数全解析
2009/09/09 PHP
PHP实现读取一个1G的文件大小
2013/08/24 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
PHP魔术方法使用方法汇总
2016/02/14 PHP
php 伪造HTTP_REFERER页面URL来源的三种方法
2016/09/22 PHP
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
一个css与js结合的下拉菜单支持主流浏览器
2014/10/08 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
JQuery fileupload插件实现文件上传功能
2016/03/18 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
JavaScript表单焦点自动切换代码
2016/07/24 Javascript
AngularJS教程之环境设置
2016/08/16 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
Vue.js系列之vue-router(上)(3)
2017/01/03 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
2017/06/12 jQuery
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
JavaScript 声明私有变量的两种方式
2021/02/05 Javascript
[40:03]RNG vs VG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
python基础教程之while循环
2019/08/14 Python
Python内置异常类型全面汇总
2020/05/28 Python
Java如何基于wsimport调用wcf接口
2020/06/17 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
Python如何定义一个函数
2015/09/01 面试题
民主生活会对照检查材料范文
2014/10/01 职场文书
2014年局领导班子自身建设情况汇报
2014/11/21 职场文书
民事申诉状范本
2015/05/20 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
「女孩的钓鱼慢活」全新版权绘公布
2022/03/21 日漫
python实现双链表
2022/05/25 Python