jquery - mvc ajax/jquery - ページをリロードせずに画像をクリック

Question

1. ユーザーが MVC ビューの画像をクリックすると、この onclick イベントがコントローラーのメソッドまたはアクションを呼び出します。ページをリロードする必要はありません。このメソッドは、jquery/ajax 関数 (データ) に何らかの文字列を返します。このデータを使用して、画像の境界線を変更できます (問題 - リロードなし)。どうすればこれを行うことができますか？

2. ユーザーがテキストボックスに入力してからボタンをクリックすると、ページをリロードせずに、このテキストボックスのデータベースコンテンツに追加され、データベースのすべてのレコードが表示されます。同じ質問 - どのように開始するのですか?

よろしく

Answer 1

Ajax.BeginForm について学んでみてください。これはあなたの両方の質問をカバーしています。

これはサンプルです:

@using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "updateDiv" }))
{
    <div>
        Enter your name : @Html.TextBox("name") <input type="submit" />
    </div>
}
<div id="updateDiv">

</div>