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 相关文章推荐
jQuery Ajax之load()方法
Oct 12 Javascript
提交按钮的name='submit'引起的js失效问题及原因
Feb 25 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
Apr 02 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
Nov 22 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
Feb 13 Javascript
react redux入门示例
Apr 19 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
React中this丢失的四种解决方法
Mar 12 Javascript
微信小程序实现卡片层叠滑动效果
Jun 21 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
Aug 31 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
MYSQL环境变量设置方法
2007/01/15 PHP
PHP导入Excel到MySQL的方法
2011/04/23 PHP
PHP数组操作汇总 php数组的使用技巧
2011/07/17 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
关于PHP开发的9条建议
2015/07/27 PHP
php实现文件预览功能
2017/05/23 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
潜说js对象和数组
2011/05/25 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
js正则表达式中test,exec,match方法的区别说明
2014/01/29 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
如何屏蔽防止别的网站嵌入框架代码
2015/08/24 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
setTimeout与setInterval的区别浅析
2019/03/23 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
Python基础语法(Python基础知识点)
2016/02/28 Python
Python检测网络延迟的代码
2018/05/15 Python
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
英国门把手公司:Door Handle Company
2019/05/12 全球购物
在求职信中如何凸显个人优势
2013/10/30 职场文书
售后客服个人自我评价
2014/09/14 职场文书
高中运动会广播稿
2014/09/16 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
2014年妇女工作总结
2014/12/06 职场文书
2014年药品销售工作总结
2014/12/16 职场文书
导游词怎么写
2015/02/04 职场文书
费城故事观后感
2015/06/10 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书