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

在ASP.NET MVC中進行AJAX呼叫

在ASP.NET MVC中執行AJAX調用，指的是網頁向控制器方法發出請求，而無需進行完整的頁面刷新。這使得局部更新成為可能，並提升了使用者體驗。

在本例中，視圖中的AJAX呼叫旨在從控制器方法FirstAjax檢索數據，並在警告框中顯示。

原始碼問題：

最初的JavaScript函數存在一個小問題。由於沒有向伺服器發送任何數據，因此data屬性是不必要的。移除data屬性即可解決此問題。

修改後的程式碼：

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

Razor語法和@Url.Action：

在ASP.NET MVC中，建議使用Razor語法和@Url.Action來建構AJAX呼叫的URL。這種方法確保根據路由配置正確產生URL。

POST請求與參數（更新）：

要處理帶有參數的POST請求，可以在控制器方法中新增一個額外的參數。在更新後的程式碼中，參數a已加入FirstAjax方法中，並使用了[HttpPost]屬性。然後修改JavaScript函數以包含data屬性並傳送參數。

透過這些調整，AJAX呼叫應該能夠成功執行，並在警示框中顯示控制器方法傳回的值。

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