Wie führt man AJAX-Aufrufe an ASP.NET MVC-Controller durch?

AJAX-Aufrufe an ASP.NET MVC-Controller: Ein praktischer Leitfaden

AJAX-Aufrufe sorgen für eine nahtlose Serverkommunikation ohne Seitenaktualisierungen und verbessern so die Benutzererfahrung erheblich. Diese Anleitung zeigt, wie Sie AJAX-Aufrufe einfach in ASP.NET MVC implementieren.

Controller-Aktionen und Code anzeigen

Lassen Sie uns eine einfache Controller-Aktion untersuchen:

public ActionResult FirstAjax()
{
    return Json("chamara", JsonRequestBehavior.AllowGet);
}

Der entsprechende JavaScript-AJAX-Aufruf, der die Razor-Syntax für die dynamische URL-Generierung nutzt, sieht folgendermaßen aus:

$.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');
}

Fehlerbehebung: Unnötiger dataParameter

Ein anfänglicher Codierungsfehler betraf ein unnötiges data-Attribut im AJAX-Aufruf, obwohl keine Daten gesendet wurden. Durch Entfernen des data-Parameters (z. B. data: param = "") wurde dieses Problem behoben. Durch die Verwendung von @Url.Action in Razor wird sichergestellt, dass die URL korrekt auf den Controller und die Aktion abzielt.

POST-Anfragen umsetzen

Fügen Sie für POST-Anfragen den Parameter data ein:

data: { a: "testing" },

Ihre Controller-Aktion muss dann mit dem [HttpPost]-Attribut versehen werden:

[HttpPost]
public ActionResult FirstAjax(string a)
{
    return Json("chamara", JsonRequestBehavior.AllowGet);
}

Diese umfassende Anleitung veranschaulicht den unkomplizierten Prozess der Durchführung von AJAX-Aufrufen an Ihre ASP.NET MVC-Controller und zeigt häufige Fallstricke und Best Practices für eine robuste und effiziente Webentwicklung auf.

Das obige ist der detaillierte Inhalt vonWie führt man AJAX-Aufrufe an ASP.NET MVC-Controller durch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!