django - 如何在向服务器发送请求并使用 dajaxice 在 django 中获取响应时添加 ajax gif 图像？

Question

这是我的模板（profile.html）：

<input id="postButton"type="button" value="share" onclick="Dajaxice.social.dajaxice_example(my_callback)" />

这是我的 ajax.py：

from django.utils import simplejson
from dajaxice.decorators import dajaxice_register
from social.models import *                       # my database


@dajaxice_register
def dajaxice_example(request):
    user = User.objects.get(email="email@domain.com")
    return simplejson.dumps({'message':user.firstName})

这是我提醒页面的javascript代码：

function my_callback(data){
    alert(data.message);
}

当我单击按钮时，我必须等待来自数据库的响应，发现User它email是example@domain.com如何插入一些有趣的 gif ajax 图像以向用户显示进程正在运行。谢谢

编辑：我还将这一行添加到模板和 javascript 文件中，但ajaxStart似乎不起作用：

<div id="wait" style="display:none;"><img src={% static 'social/img/ajax.gif' %} /><br>Loading..</div>

在js中：

$(document).ready(function(){
  $(document).ajaxStart(function(){
    $("#wait").css("display","block");
  });
  $(document).ajaxComplete(function(){
    $("#wait").css("display","none");
  });
});