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

Question

我有一个带MVC3和Jquerymobile的移动应用程序。在表单提交（使用ajax函数）我想在提交和重定向时显示加载图标（ajax-loader.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;
});

Answer 1

我会做这样的事情：

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);
    }
}