jquery插件之定时查询待处理任务数量

  使用方法:

  

复制代码 代码如下:

  $("#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 %}