Comment effectuer des appels AJAX vers les contrôleurs ASP.NET MVC ?

Appels AJAX aux contrôleurs ASP.NET MVC : un guide pratique

Les appels AJAX offrent une communication transparente avec le serveur sans actualisation de page, améliorant considérablement l'expérience utilisateur. Ce guide montre comment implémenter facilement les appels AJAX dans ASP.NET MVC.

Actions du contrôleur et affichage du code

Examinons une action simple du contrôleur :

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

L'appel JavaScript AJAX correspondant, exploitant la syntaxe Razor pour la génération dynamique d'URL, ressemble à ceci :

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

Dépannage : data Paramètre inutile

Une erreur de codage initiale impliquait un attribut data inutile dans l'appel AJAX, même si aucune donnée n'était envoyée. La suppression du paramètre data (par exemple, data: param = "") a résolu ce problème. L'utilisation de @Url.Action dans Razor garantit que l'URL cible correctement le contrôleur et l'action.

Mise en œuvre des requêtes POST

Pour les requêtes POST, incluez le paramètre data :

<code class="language-javascript">data: { a: "testing" },</code>

Votre action de contrôleur doit alors être agrémentée de l'attribut [HttpPost] :

<code class="language-csharp">[HttpPost]
public ActionResult FirstAjax(string a)
{
    return Json("chamara", JsonRequestBehavior.AllowGet);
}</code>

Ce guide complet illustre le processus simple de réalisation d'appels AJAX vers vos contrôleurs ASP.NET MVC, en mettant en évidence les pièges courants et les meilleures pratiques pour un développement Web robuste et efficace.

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!