如何对 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中文网其他相关文章！