16

ユーザーが送信ボタンをクリックしたときに読み込みアニメーションを表示したい。単純なgifがその役目を果たします。これは私のコードです：

@using (Html.BeginForm("SData","Crawl"))
{
    <p>
        Enter Starting URL:<input class="txt" type="text" id="sUrl" name="sUrl" title="Enter Starting URL"/>
    </p>

    <p>
        Enter Number of Threads:<input class="txt" type="text" id="Nbt" name="Nbt" title="Enter number of threads"/>
    </p>

    <p>
        <input class="button" id="submit" type="submit" value="Submit" />
   </p>   
}
4

2 に答える 2

28

編集

私は、その質問が AJAX ヘルパーに関するものだと誤解していました。HtmlHelper を使用してそれを行う方法は次のとおりです。

まず、ID をフォームに追加して、JQuery を使用して取得できるようにします。

@using (Html.BeginForm("SData", "Crawl", FormMethod.Post, new { id = "myform" }))
{
    // the form
}

次に、Javascript イベント ハンドラーを追加して、フォームの送信をインターセプトし、読み込み中の GIF を表示します。

$("#myform").submit(function(e) {
    $("#myLoadingElement").show();
});

（元の回答は次のとおりです...）

AjaxOptionsクラスを使用してを設定するLoadingElementIdと、Ajax ヘルパーはサーバーからの応答を待っている間にその要素を表示します。

@using (Html.BeginForm("SData","Crawl", new AjaxOptions() {
    LoadingElementId="myLoadingElement"
}))
{
    // form
}

次に、gif を表示したい場所に配置します (最初は非表示にします)。

<div id="myLoadingElement" style="display: none;">
    <img src="loading.gif" alt="Loading..." />
</div>
于 2012-11-06T21:07:58.470 に答える
0

こんにちは、ここであなたの投稿を読んだところですが、Microsoft.AspNetCore.Mvc を使用して .net コア 2.1 で問題なく動作しました。

@using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post, new {id="UpdateForm"})) {@Html.AntiForgeryToken() <div>your inputs here...</div> }

次に、HTML スクリプト:

$("#UpdateForm").submit(function(e){$("#your loader gif here..")}

問題がある場合は、アクションメソッドをデバッグして、ステートメント内で壊れているかどうかを確認することをお勧めします.... @Dr Freeman: 次のように、任意のビューにリダイレクトできます。

return RedirectToAction("ActionName", new {@id=id});

この助けを願っています

于 2018-12-28T10:31:07.000 に答える