Comment effectuer des appels AJAX simples vers un contrôleur ASP.NET MVC ?

Appels AJAX simplifiés dans ASP.NET MVC

Améliorez vos applications ASP.NET MVC avec AJAX pour une interaction transparente avec le contrôleur sans actualisation complète de la page. Ce guide présente une approche simple pour effectuer des appels AJAX de base.

Action du contrôleur :

Créez une méthode d'action du contrôleur spécialement conçue pour les requêtes AJAX :

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

Afficher le script :

Incorporez les bibliothèques JavaScript nécessaires et implémentez l'appel AJAX dans votre vue :

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

Réponse réussie :

En cas d'exécution réussie, la fonction success affiche les données JSON reçues dans une boîte d'alerte.

Conseils de débogage :

Si vous rencontrez des problèmes, vérifiez les points suivants :

• L'attribut data est omis de l'appel AJAX (comme indiqué dans l'exemple corrigé).
• Si vous utilisez la méthode POST, assurez-vous que l'action du contrôleur est décorée avec l'attribut [HttpPost].

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!