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的仿百度的鼠标移入图片抖动效果
Sep 17 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
jQuery实现返回顶部效果的方法
May 29 Javascript
基于jQuery 实现bootstrapValidator下的全局验证
Dec 07 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
Vue实现搜索 和新闻列表功能简单范例
Mar 16 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
Vue点击切换Class变化,实现Active当前样式操作
Jul 17 Javascript
10分钟学会js处理json的常用方法
Dec 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 URL地址获取函数代码(端口等) 推荐
2010/05/15 PHP
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
php实现图形显示Ip地址的代码及注释
2014/01/20 PHP
WordPress后台中实现图片上传功能的实例讲解
2016/01/11 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
js、jquery图片动画、动态切换示例代码
2014/06/03 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
2020/11/25 Javascript
AngularJS 执行流程详细介绍
2016/08/18 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
2017/05/28 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
js使用xml数据载体实现城市省份二级联动效果
2017/11/08 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
2018/03/02 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
2020/08/06 Javascript
[01:09:23]KG vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
python读取二进制mnist实例详解
2017/05/31 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
python实现石头剪刀布小游戏
2021/01/20 Python
python多线程抽象编程模型详解
2019/03/20 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
CSS3 text shadow字体阴影效果
2016/01/08 HTML / CSS
详解Html5原生拖拽操作
2018/01/12 HTML / CSS
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
Linux Interview Questions For software testers
2012/06/02 面试题
航空大学应届生求职信
2013/11/10 职场文书
大学学生会竞选演讲稿
2014/04/25 职场文书
小班上学期评语
2014/05/05 职场文书
党支部综合考察材料
2014/05/19 职场文书
公共艺术专业自荐信
2014/09/01 职场文书
优秀班集体申报材料
2014/12/25 职场文书