ajax error en quittant la page - besoin d'aide

yotta — Fri, 22 Aug 2025 14:15:08 GMT

Bonjour � vous,
Je d�bute avec AJAX, aussi pardonnez mon vocabulaire pas forc�ment appropri�.
Bref, je suis confront� � un probl�me de compr�hension dans le m�canisme XHR.
Avant tout, voici une description de mon environnement :
C�t� serveur : Linux Apache2 servant le CMS Dupal 11
C�t� client : Windows 10 + navigateur Firefox version 142.0 (64bits)

Description :
Mon probl�me concerne le c�t� client. Sur une de mes pages je place un script javascript qui ex�cute la commande jQuery suivante :

Code:

1
2
3
4
jQuery(window).on('load', timer);
function timer() {
        jQuery('#edit-refresh-control').click();
}

Ce script a pour but d'ex�cuter une autre commande jQuery toutes les 15 secondes apr�s le chargement complet de la page. Une commande qui se limite � simuler un click sur un �l�ment du DOM s�lectionn� par son Id.
Ce click d�clenche une collecte d'informations c�t� serveur qui prend plus de deux secondes � se finaliser. En r�sum�, toutes les 15 secondes se d�clenche une requ�te XHR qui va devoir attendre plus de deux secondes avant d'obtenir sa r�ponse.
Du coup, lorsque je quitte cette page, ou que j'en demande le rafra�chissement, j'obtiens une erreur ajax dans la console du navigateur :

Citation:

message: "An AJAX HTTP request terminated abnormally.
Debugging information follows. Path: /...

J'en conclus que le fait de quitter la page lorsque le navigateur attend cette r�ponse interrompt la requ�te XHR de mani�re anormale, d�clenchant cette erreur dans la console du navigateur.
Et c'est l� que se pose mon probl�me, je ne sais absolument pas quoi faire pour interrompre proprement cette requ�te et ainsi �viter l'apparition d'erreurs dans la console. Quitte � prendre en charge l'erreur et la consumer sans rien faire, mais �a aussi, je ne sais pas comment le faire.
Pourriez-vous m'aider ?
Merci.

Charger dynamiquement un graphique en ASP.NET CORE depuis la Base de donn�es SQL SERVER

Alexandre le Grand — Fri, 18 Apr 2025 20:27:45 GMT

Bonjour,

Mon objectif est d�fini en intitul�. Mes m�thodes en Back-End sont ex�cut�es correctement. Seulement, je ne sais pas comment charger les donn�es sur le graphique avec chartjs. Voic mon code ASPNET CORE:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
using Microsoft.AspNetCore.Mvc;
using GraphiqueDesDonnees.DataLayer;
using GraphiqueDesDonnees.Models;
 
namespace GraphiqueDesDonnees.Controllers
{
    public class DonneesDeVenteController : Controller
    {
        private readonly DbContextGraphique _ctx;
 
        public DonneesDeVenteController(DbContextGraphique ctx)
        {
            _ctx = ctx;
        }
 
        public IActionResult Index()
        {
            return View();
        }
 
        public IActionResult VoirDonneesVente()
        {
          var data =  GetDonneesVentes();
            return View(data);
        }
 
        [HttpPost]
        public List GetDonneesVentes()
        {
            List donnees = new List();
            List labels = _ctx.DonneesGraph.Select(p =>p.NomDuMois).ToList();
 
            donnees.Add(labels);
 
            List NombreDeVente = _ctx.DonneesGraph.Select(p => p.VenteTotal).ToList();
 
            donnees.Add(NombreDeVente);
 
            return donnees;
        }
 
    }
}

Mon code CHTML et AJAX:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
 
<input id="ID" value="Voir le graphique" type="button" />
<div>
    <canvas id="myChart">canvas>
div>
 
 
<script src="https://cdn.jsdelivr.net/npm/chart.js">script>
 
 type="text/javascript">
   
   $(function()
   {
       $("#ID").click(function (){
 
           $.ajax({
               type:"POST",
                     url:"/DonneesDeVente/GetDonneesVentes",
                 data:"",
                 contextType:"application/json; chartset=utf-8",
                 dataType: "json",
                 success: OnSuccessResult,
                 error: OnError
           });
 
            function OnSuccessResult (donnees){
 
               alert("Chargement des données!")
 
               var _data=donnees;
               var _chartLabels = _data[0];
               var _chartData = _data[1];
 
 
                var barColor = ["red", "green","blue","orange","brown","purple","red", "green","blue","orange","brown","purple"];
 
               new Chart("myChart",
               
               {
                   type:"bar",
                   data:
                   {
                       labels:= _chartLabels,
                       datasets: [{
                           backgroundColor: barColor,
                           data:_chartData
                       }]
                   }
               });
           }
 
           function OnError (err){
               alert("Chargement de données échoué!");
           }
       }
   })

Un coup de main salvateur est vivement souhait�.

Cordialement!

Forum du club des d�veloppeurs et IT Pro - AJAX

ajax error en quittant la page - besoin d'aide

Charger dynamiquement un graphique en ASP.NET CORE depuis la Base de donn�es SQL SERVER