ASP.NET MVC コントローラーへの単純な AJAX 呼び出しを行う方法

ASP.NET MVC での簡素化された AJAX 呼び出し

AJAX を使用して ASP.NET MVC アプリケーションを強化し、ページ全体を更新せずにシームレスなコントローラー操作を実現します。 このガイドでは、基本的な AJAX 呼び出しを行うための簡単なアプローチの概要を説明します。

コントローラーアクション:

AJAX リクエスト用に特別に設計されたコントローラー アクション メソッドを作成します。

<code class="language-csharp">public class AjaxTestController : Controller
{
    public ActionResult FirstAjax()
    {
        return Json("chamara", JsonRequestBehavior.AllowGet);
    }
}</code>

スクリプトの表示:

必要な JavaScript ライブラリを組み込み、ビュー内に AJAX 呼び出しを実装します。

<code class="language-javascript">$(document).ready(function() {
    const serviceURL = '@Url.Action("FirstAjax", "AjaxTest")';

    $.ajax({
        type: "POST",
        url: serviceURL,
        dataType: "json",
        success: function(data, status) {
            alert(data);
        },
        error: function() {
            alert('error');
        }
    });
});</code>

成功した応答:

実行に成功すると、success 関数は受信した JSON データをアラート ボックスに表示します。

デバッグのヒント:

問題が発生した場合は、次の点を確認してください:

• data 属性は AJAX 呼び出しから省略されています (修正された例に示すように)。
• POST メソッドを使用する場合は、コントローラーのアクションが [HttpPost] 属性で修飾されていることを確認してください。

以上がASP.NET MVC コントローラーへの単純な AJAX 呼び出しを行う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。