Wie mache ich einfache AJAX-Aufrufe an einen ASP.NET MVC-Controller?

Vereinfachte AJAX-Aufrufe in ASP.NET MVC

Erweitern Sie Ihre ASP.NET MVC-Anwendungen mit AJAX für eine nahtlose Controller-Interaktion ohne vollständige Seitenaktualisierungen. Dieser Leitfaden beschreibt einen unkomplizierten Ansatz zum Tätigen grundlegender AJAX-Aufrufe.

Controller-Aktion:

Erstellen Sie eine Controller-Aktionsmethode, die speziell für AJAX-Anfragen entwickelt wurde:

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

Skript anzeigen:

Beziehen Sie die erforderlichen JavaScript-Bibliotheken ein und implementieren Sie den AJAX-Aufruf in Ihrer Ansicht:

<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>

Erfolgreiche Antwort:

Bei erfolgreicher Ausführung zeigt die Funktion success die empfangenen JSON-Daten in einem Warnfeld an.

Debugging-Tipps:

Sollten Probleme auftreten, überprüfen Sie Folgendes:

• Das data-Attribut wird im AJAX-Aufruf weggelassen (wie im korrigierten Beispiel gezeigt).
• Wenn Sie die POST-Methode verwenden, stellen Sie sicher, dass die Controller-Aktion mit dem Attribut [HttpPost] versehen ist.

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