在Jquerymobile应用程序中的MVC3表单提交上显示ajax-loader.png

我有一个带有MVC3和Jquerymobile的移动应用程序。在表单提交时（使用ajax函数），我希望在提交和重定向时显示加载图标（ajaxloader.png）。 谢谢

我的ajax功能：

 $("#add").click(function () {
    $.validator.unobtrusive.parse($('form'));  //added
    if ($("form").valid()) {
        var IDs = new Array($("#SelectedProduct").val(), $("#SelectedAccount").val(), $("#SelectedProject").val(), $("#SelectedTask").val(), $("#date").val(), $("#duration").val());
        $.ajax({
            url: '@Url.Action("SaveLine", "AddLine")',
            type: 'post',
            data: { ids: IDs },
            dataType: 'json',
            traditional: true,
            success: function (data) {
                if (data.success == true) {
                    $("#ajaxPostMessage").html(data.Success);
                    $("#ajaxPostMessage").addClass('ajaxMessage').slideDown(function () {
                        window.location.href = '@Url.Action("Index", "AddLine")';
                    }).delay(1800)
                }
                else {
                    $("#ajaxPostMessage").html(data.Error);
                    $("#ajaxPostMessage").addClass('ajaxMessage');
                    $("#ajaxPostMessage").show();
                }
            }
        });
    }
    return false;
});

---

我会这样做：

Ajax = {
    Submit: function() {
        Ajax.Loading();
        //ajax stuff
        //Ajax.Message('form complete, blah blah');
    },
    Loading: function() {
        $('#ajax').html('ajax-loader.png');
    },
    Message: function(msg) [
        $('#ajax').html(msg);
    }
}

---

我不知道怎么用这个。请看一下我的密码好吗？谢谢！