1

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

1 に答える 1

0

私はこのようなことをします:

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);
    }
}
于 2012-09-20T11:51:57.070 に答える