valeur hiddenfield non mis à jour

[neo_2000_2006]

bonjour,

j'ai une page aspx , contenant une boucle de traitement ( foreach )
à chaque itérations je souhaite afficher un entier que j'incrémente dans cette boucle via un hiddenfield.

pb : coté cs , il me dit bien que mon hiddenfield prend la valeur de mon entier ( puisqu'à chaque nouvelle itération et sur un point d'arret , je vois l'ancienne valeur avant écrasement ) , cependant coté client , en js , la valeur n'apparait pas ! ni ne se met à jour !!!!!! comment faire ????

merci d'avance

J

[Immobilis]

Salut,

Il faut comprendre qu'un fois rendue sur le navigateur, naturellement, la page web n'a plus aucun lien avec le serveur. Pour maintenir ce lien afin de faire des mises à jour dynamiques de la page web il faut renvoyer des information au serveur. Il y a au moins deux moyens de le faire:

1. les requêtes en POST
2. les requêtes en GET (URL)

Pense simplement à des talkie walkies.

Explique nous un peu plus ce que tu souhaites faire.

A+

[neo_2000_2006]

bonjour,

bon j'ai une boucle de traitement , dans une page aspx . Dans cette boucle je calcule le pourcentge d'evolution du traitement , et le stockage dans une variable de session. avec une webmethod je renvoi cette valeur à un appel ajax jquery.

le probleme c'est que l'appel n'abouti jamais ! la boucle monopolise le thread ! j'ai meme thred le traitement mais rien ni fait !

Mon appel 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
 
// Appel AJAX pour récupérer la valeur du pourcentage d'evolution du traitement
        function copy() {
            $.ajax({
                type: "POST",
                url: "/WebService/MonWebService/GetPourcentage",
                timeout:2000,
                complete : function (){
                    clearTimeout(intervalID);
                },
                success: function(response){
                alert(response);
                alert(response.d);
 
                    if (response < 100) {
                        $("span[id$='lblPourcent']").html(response);
                    }
                    // poll timer for another trip
                    TimerCopy();
 
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    //alert('Status : ' + textStatus);
                    //alert('XMLHttpRequest.status :'+XMLHttpRequest.status);
                    if(textStatus=='timeout')
                    {
                        TimerCopy();
                    }
                }                
            })  
        }
 
        // Rappel la fonction au bout de 5 secondes
        function TimerCopy() {
            intervalID = setTimeout("copy()", 5000)
        }

Ma boucle avec les thread :

dans l'action click d'un bouton

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
 
...
 Session["Evolution"] = 0;
 
                events = new EventWaitHandle[1];
                events[0] = new EventWaitHandle(false, EventResetMode.AutoReset);
 
                Thread workerThread = new Thread(() => TraitementBoucle(null));
                workerThread.Start();
 
                int i = 0;
                foreach (Ligne mEvent in mlstIdEventValider)
                {
                    if (traitementTermine)
                    {
                        workerThread.Join();
                        workerThread = new Thread(() => TraitementBoucle(mEvent));
                        workerThread.Start();
                    }
 
                    Session["Evolution"] = i * 100 / mlstIdEventValider.Count;
 
                    i++;
                    AutoResetEvent.WaitAll(events);
                }
...

et la fonction traitement boucle

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
public void TraitementBoucle(Ligne mEvent)
        {
            traitementTermine = false;
 
            if (mEvent != null)
            {
                // 2 Appels SQL
            }
            events[0].Set();
            traitementTermine = true;
        }

les actions SQL se font bien , mais l'ajax devant mettre à jour mon label coté client ne reçoit rien ! je seche !

Merci de l'aide

[neo_2000_2006]

oups , et la webmethode ,dans un asmx ,pour retourne l'objet de session

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
 
/// <summary>
        /// 
        /// </summary>
        /// <returns></returns>
        [WebMethod(EnableSession=true)]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json )]
        public String GetPourcentage()
        {
            return SessionInformationEvolutions;
        }
 
        /// <summary>
        /// 
        /// </summary>
        public string SessionInformationEvolutions
        {
            get
            {
                string result = "0|";
                if (Session["Evolution"] == null)
                {
                    Session["Evolution"] = result;
                }
                else
                {
                    result = Convert.ToString(Session["Evolution"]);
                }
                return result;
            }
            set
            {
                Session["Evolution"] = value;
            }
        }

[Immobilis]

Hello,

Tu peux mettre le code de la web méthode GetPourcentage?

Si tu appelles manuellement plusieurs fois la web méthode via l'IHM générée, est-ce que les réponses changent?

A+

[neo_2000_2006]

j'ai bien le retour de ma webmethode et oui les valeurs changent

[neo_2000_2006]

ha non pardon , quand la boucle tourne ma webmethode par appel via l'url , bloque !

[Immobilis]

Salut,

Envoyé par neo_2000_2006

ma webmethode par appel via l'url , bloque !

Comment ça? Je comprend pas. C'est la valeur qui reste bloquée?

C'est assez intéressant comme besoin. Du coup, je te propose cette solution qui marche chez moi:

1. Le web service:
   Code :

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   using System.Web.Script.Services;
   using System.Web.Services;
    
   namespace WebApplication
   {
       /// <summary>
       /// Summary description for WebService
       /// </summary>
       [WebService(Namespace = "http://tempuri.org/")]
       [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
       [System.ComponentModel.ToolboxItem(false)]
       [ScriptService]
       public class WebService : System.Web.Services.WebService
       {
           [WebMethod(EnableSession = true)]
           [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
           public string TestSession()
           {
               return Session["data"] != null ? Session["data"].ToString() : "null";
           }
       }
   }

2. Le code behind du webform:
   Code :

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   using System;
   using System.Threading;
    
   namespace WebApplication
   {
       public partial class SessionWebMethod : System.Web.UI.Page
       {
           protected void Page_Load(object sender, EventArgs e)
           {
               Session.Add("data", 0);
               ThreadPool.QueueUserWorkItem(new WaitCallback(DoIt), null);
           }
    
           private void DoIt(object state)
           {
               for (int i = 1; i <= 100; i++)
               {
                   Thread.Sleep(700);
                   Session["data"] = i;
               }
           }
       }
   }

3. Le code inline du webform:
   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
   <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SessionWebMethod.aspx.cs" Inherits="WebApplication.SessionWebMethod" %>
    
   <!DOCTYPE html>
    
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head runat="server">
       <title></title>
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
   </head>
   <body>
       <form id="form1" runat="server">
           <div>
               <span id="MySpan">Wait</span>
           </div>
           <script type="text/javascript">
               function doIt() {
                   $.ajax({
                       type: "POST",
                       url: "WebService.asmx/TestSession",
                       data: "{}",
                       contentType: "application/json; charset=utf-8",
                       dataType: "json",
                       success: function (response) {
                           $("#MySpan").html(response.d);
                           setTimeout("doIt()", 2000);
                       },
                       error: function (response) {
                           $("#MySpan").html("error: " + response.d);
                       }
                   })
               }
               $.ready(doIt());
           </script>
       </form>
   </body>
   </html>

Il me semble qu'il te manque/à vérifier:

• L'attribut [ScriptService] sur ta classe de web service;
• Session.Add("Evolution", 0) pour créer la variable de session;
• Les données à envoyer sur la web méthode, même vide.

Par contre c'est pas le genre de truc très "thread safe".

A+

[Immobilis]

Marrant, on peut faire une barre de progression:

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
<div>
    <span id="MySpan">Wait</span>
</div>
<div style="width: 200px; background-color: green;">
    <div id="bar" style="height: 20px; background-color: red"></div>
</div>
<script type="text/javascript">
    function doIt() {
        $.ajax({
            type: "POST",
            url: "WebService.asmx/TestSession",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                $("#MySpan").html(response.d + "%");
                $("#bar").width(response.d * 2 + "px");
                setTimeout("doIt()", 1000);
            },
            error: function (response) {
                $("#MySpan").html("error: " + response.d);
            }
        })
    }
    $.ready(doIt());
</script>

[neo_2000_2006]

En fait l'appel bloc , le post est envoyer mais il attend le retour ....

oui à l'origine , je voulais faire une progressbar , mais comme j'arrivais meme pas à afficher du texte , j'ai fait au plus simple ... mais je reviendrais dessus si cela marche....


bon je teste ton code

[neo_2000_2006]

bonjour,

bon alors le code fonctionne cependant , l'affichage ne marche pas . je m'explique

j'ai un rechargement de page. et il se fait tout de suite aprés le code ( meme si le thread fait encore la boucle !!! ) et donc j'ai plus les appels ajax

Code :

1
2
3
4
5
6
 
 protected void Page_Load(object sender, EventArgs e)
        {
            Session.Add("data", 0);
            ThreadPool.QueueUserWorkItem(new WaitCallback(DoIt), null);
<blockquote>// Rafraichissement de page </blockquote>        }

il faudrait pouvoir attendre la fin de la boucle ( des thread ) pour faire le rechargement

[Immobilis]

Envoyé par neo_2000_2006

j'ai un rechargement de page. et il se fait tout de suite aprés le code

Comment cela se fait-il? Tu as ajouté quelque chose?

Normalement si la page est rechargée la variable de session peut être récupérée. Il suffit de la créer dans le "Session_Start" du global.asax. Ainsi elle ne sera pas écrasée lors du chargement de la page.

[neo_2000_2006]

Code :

1
2
3
4
5
6
7
8
 
protected void Page_Load(object sender, EventArgs e)
        {
            Session.Add("data", 0);
            ThreadPool.QueueUserWorkItem(new WaitCallback(DoIt), null);
 
            ChargeInformations();
        }

en gros mon chargeInformations recharge mon repeater. Mais ce rechargement se fait alors que ma boucle doit n'est pas terminée !

[Immobilis]

Pour le multithreading tu peux lire cette discussion: http://www.developpez.net/forums/d12...ultithreading/

[neo_2000_2006]

Yessssssssssssssssssss ! ça marche , enfin presque !

Je m'explique ! Aucun thread ! j'ai mon ajax qui va recupere ma variable de session via la webmethod toute les 5s , ça OK.

Cependant , au niveau affichage , rien ne s'affichera jsuqu'a environ 40% ( voir des fois 13 % ) .... ensuite nickel , le pourcentage s'incremente comme il faut ...mais on ne voit jamais apparaitre les toutes premieres valeurs de pourcentage !

au niveau ajax , donc inchanger.
au niveau webmethod inchanger.
au niveau boucle j'ai

Code :

1
2
3
4
5
6
7
8
9
10
 
 
                    foreach (Ligne mId in mlstId)
                    {
                        Session["Evolution"] = (i * 100 / mlstId.Count).ToString() + " % - Etape 1/3";
                        i++;
 
                        // Methode appel SQL
 
                    }

[Immobilis]

Envoyé par neo_2000_2006

rien ne s'affichera jsuqu'a environ 40% ( voir des fois 13 % )

Il faut que tu fasses un Response.Flush() avant d'entrer dans ta boucle. Ainsi, tu vas commencer à envoyer une partie du html. Il faut que tu envoies le JavaScript. Cela devrait permettre à ta page de lancer les premiers appels plus tôt.

C'est pas trop propre, mais cela devrait marcher.

A+

[neo_2000_2006]

heu désolé , cela ne change rien !

[Immobilis]

Si tu me montre pas comment tu fais Un peu de code stp

[neo_2000_2006]

il n' pas vraiment changé

L'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
 
// Appel AJAX pour récupérer la valeur du pourcentage d'evolution du traitement
        function copy() {
            $.ajax({
                type: "POST",
                url: "/WebService.asmx/GetPourcentage",
                timeout:2000,
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(response){                                                        
                    //$("span[id$='lblPourcent']").html(response.d);                    
                    $("span[id$='lblEvolutionMessage']").text(response.d)
                    // poll timer for another trip
                    setTimeout("copy()", delay)
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    //alert('Status : ' + textStatus);
                    //alert('XMLHttpRequest.status :'+XMLHttpRequest.status);
                    if(textStatus=='timeout')
                    {
                        setTimeout("copy()", delay)
                    }
                }                
            })  
        }

la webmethod

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
 
 /// <summary>
        /// 
        /// </summary>
        /// <returns></returns>
        [WebMethod(EnableSession = true)]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        public string GetPourcentage()
        {
            return SessionInformationEvolutions;
        }
 
        /// <summary>
        /// 
        /// </summary>
        public string SessionInformationEvolutions
        {
            get
            {
                string result = "0|";
                if (Session["Evolution"] == null)
                {
                    Session["Evolution"] = result;
                }
                else
                {
                    result = Convert.ToString(Session["Evolution"]);
                }
                return result;
            }
            set
            {
                Session["Evolution"] = value;
            }
        }

le cs

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
Session.Add("Evolution", "");
                    if (mlstId.Count > 0)
                    {
 
                        foreach (Ligne mEvent in mlstId)
                        {
                            Session["Evolution"] = (i * 100 / mlstId.Count).ToString() + " % - Etape 1/3 ";
                            i++;
 
                            //Appel Methode1
 
                        }
 
                        Session.Add("Evolution", "");
                        //Appel methode2
                    }

[Immobilis]

Il faut comprendre que le Javascript ne va appeler le web service que lorsque le navigateur du client en aura reçu le code et l'instruction de l'exécuter

Tel quel, dans le code inline, le Javascript ne sera envoyé que lorsque le serveur aura terminé son traitement. C'est à dire après avoir parcouru toute la boucle. Je n'explique pas comment ta page réussi à afficher une progression.

Response.Flush() est une méthode "ancienne". Elle existait déjà en ASP3. Cela n'est plus dans l'esprit .NET qui utilise beaucoup l'AJAX et l'asynchronisme. Personnellement, je ne l'utilise jamais. En pratique, j'ai pas vraiment réussi à faire que ma page affiche quelque chose de façon continue. C'est plutôt un bloc de texte qui est envoyé.

Si je comprend bien le fonctionnement de cette fonctionnalité de l'objet "Response", le serveur va remplir le buffer avec le texte qu'il doit renvoyer au client. Un fois que le buffer est plein il le vide même si tu essayes de le flusher tout le temps.

C'est pourquoi le multithreading est intéressant. La page va déléguer le parcours de la boucle et va pouvoir tranquillement s'afficher. Le javascript va pouvoir être interprété par le navigateur et les premiers appels à la web méthode vont se faire très rapidement. En faisant quelques ajustements tu pourrais quitter la page et y revenir sans que le processus soit interrompu.

Questions:

• Est-ce que ce traitement est différent pour chaque internaute qui va se connecter à ton site?
• Si j'ouvre ta page et que tu as déjà lancé le traitement est un soucis si je relance une exécution?

A+