0

私は .net MVC 3 を使用しています。アンケートの回答を保存するための AJAX 呼び出しがあり、保存されたことをユーザーに示すためにアイコンの読み込みに似た画像インジケーターが必要です。

 <input id="SaveAccount"
        type="button"
        onclick="saveQuestioniare();"
        value=""
        alt="save account" title="save account" />

私のAJAX呼び出し：

 function saveQuestioniare() {
           var formData = $("#SignupForm").serializeArray();
           $.ajax({
            url: '/Question/SaveQuestionaire?id=@ViewData["reviewId"]',
            type: 'POST',
            cache: false,
            dataType: 'json',
            data: formData,
                error: function (jqXHR, textStatus, errorThrown) {
                    alert(errorThrown);
                },
            success: function (json) {
                alert("Saved");
            }
        });
    }
4

2 に答える 2

0

追加のプラグインを使用しないでください。300/400 以上ではなく、css と js の 10 行のコードで簡単に実行できます。

最初に、イメージを目的の場所にスタイル設定します。次に例を示します。

<img src="...path to img" id="myimg" alt=""/>

#myimg{
margin:0;
position:relative;
top:20%;
bottom:20%;
left:0;
right:0;
display:none;
}

次にjsで

$.ajax({ ....
beforeSend:function(){
$('#myimg').show();
},
success:function(){
$("#myimg").hide();
}
...});
于 2013-01-08T11:43:09.207 に答える
-1

jQuery プラグインであるLightboxなどのシャドー ボックスを使用し、お気に入りの「スピナー」画像を指してトリガーし、読み込みを示してから、「成功」ハンドラーで閉じます。

于 2013-01-08T00:39:31.907 に答える