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

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的{​​{1}}如何插入一些有趣的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");
  });
});