Discussion :

[mauranpa]

Bonjour,
Je souhaite rafraîchir mes variables c# coté serveur sans recharger la page complète.
Je n'ai pas d'erreur mais l'appel de la procédure ne se fait pas.
Je ne suis pas sûr non plus de la syntaxe d'appel Ajax.
Pouvez-vous m'aider sur l'exemple suivant svp ?

Coté client :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@page
@model AboutModel
@{
     ViewData["Title"] = "TEST";
   }
 
<script>
   function ActualiseCompteur() {
   $.ajax({
     url: '@Url.Action("SetCompteur", "About")',
     type: 'SET',
     dataType: 'html'});
     }
   setInterval(function () { ActualiseCompteur(); }, 1000);
</script>
 
<h2>@ViewData["Title"]</h2>
 
 
<p>@ViewData["Compteur"]</p>

Coté serveur :

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
public int compteur;
public void SetCompteur()
{
   compteur++;
   ViewData["Compteur"] = "Compteur = " + compteur;
}

Merci de votre aide.

[NoSmoking]

Bonjour,
au moins deux choses :

• Ta balise <script> n'est pas une balise de fermeture à ligne 15
• Jette un oeil à la documentation : jQuery.ajax()

[mauranpa]

Merci NoSmoking,
En fait, c'est un mauvais copié/collé pour la balise.
Sinon, pour le reste, est-ce que j'utilise la bonne méthode pour appeler ma procédure SetCompteur ?
Merci.

[SpaceFrog]

je ne vois pas d'action lors du success d'ajax ?

[NoSmoking]

Que dit la documentation, que tu as sûrement lue ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$.ajax({
  method: "POST", // 
  url: "url-de-la-page",
  data: {
    "action": "actionServeur",
    "parametre": "Le paramètre a passer"
  }
}).done(function(retour) {
  console.log("retour :", retour);
});

mais côté serveur il me semble que tu récupères les données d'une autre manière en C#.

Renseignement pris cela devrait ressembler à

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
$.ajax({
  method: "POST", // 
  url: "url-de-la-page/actionServeur",
  data: {
    "parametre": "Le paramètre a passer"
  }
}).done(function(retour) {
  console.log("retour :", retour);
});

ou quelque chose d'approchant.

[mauranpa]

J'ai trouvé mon problème.

Je n'avais pas vu le message dans l'interface de sortie en debug :

Microsoft.AspNetCore.Mvc.ViewFeatures.Internal.AutoValidateAntiforgeryTokenAuthorizationFilter:Information: Antiforgery token validation failed. The required antiforgery cookie ".AspNetCore.Antiforgery.yh1KSrS6f9o" is not present.

J'ai résolu en ajoutant dans le fichier Startup.cs:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
services.AddMvc().AddRazorPagesOptions(options =>
            {
                options.Conventions.ConfigureFilter(new IgnoreAntiforgeryTokenAttribute());
            });

Ce n'est pas une solution très propre mais cela m'a permis de comprendre que j'instanciais une nouvelle page et créais donc un doublon.

Je vais pouvoir implémenter en appelant une autre page.

Merci pour tes recherches.