如何對 ASP.NET MVC 控制器進行 AJAX 呼叫？

AJAX 呼叫 ASP.NET MVC 控制器：實用指南

AJAX 呼叫提供無縫的伺服器通信，無需刷新頁面，顯著改善用戶體驗。 本指南示範如何在 ASP.NET MVC 中輕鬆實作 AJAX 呼叫。

控制器操作與視圖程式碼

讓我們檢查一個簡單的控制器操作：

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

對應的 JavaScript AJAX 調用，利用 Razor 語法進行動態 URL 生成，如下所示：

<code class="language-javascript">$.ajax({
    url: '@Url.Action("FirstAjax", "AjaxTest")',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successFunc,
    error: errorFunc
});

function successFunc(data, status) {
    alert(data);
}

function errorFunc() {
    alert('error');
}</code>

故障排除：不必要的data參數

初始編碼錯誤涉及 AJAX 呼叫中不必要的 data 屬性，即使沒有發送任何資料。刪除 data 參數（例如 data: param = ""）解決了這個問題。 在 Razor 中使用 @Url.Action 可確保 URL 正確定位控制器和操作。

實作 POST 請求

對於 POST 要求，請包含 data 參數：

<code class="language-javascript">data: { a: "testing" },</code>

您的控制器操作必須以 [HttpPost] 屬性修飾：

<code class="language-csharp">[HttpPost]
public ActionResult FirstAjax(string a)
{
    return Json("chamara", JsonRequestBehavior.AllowGet);
}</code>

這份全面的指南闡釋了對 ASP.NET MVC 控制器進行 AJAX 呼叫的簡單過程，重點介紹了穩健且高效的 Web 開發的常見陷阱和最佳實踐。

以上是如何對 ASP.NET MVC 控制器進行 AJAX 呼叫？的詳細內容。更多資訊請關注PHP中文網其他相關文章！