How to Refresh a particular part of a web page ?

[Ganesh9u]

How to Refresh a particular part of a web page ?

Example :
I want to refresh a particular element <div ></div>

in the asp.net page. using Ajax

[acoder]

You can access it using document.getElementById() and then set its innerHTML property (or use DOM methods, e.g. appendChild(), replaceChild()).

[Ganesh9u]

You can access it using document.getElementById() and then set its innerHTML property (or use DOM methods, e.g. appendChild(), replaceChild()).

Yes you are right, but when i used this type, it does not works when the page is posted back.

and I must refresh the particular content without postback from the server.
Eg
my code

if (Request.QueryString["SendRequest"] != null)
        {
            if (Request.QueryString["SendRequest"].Equals("userlist"))
            {
                GetUserList();
                Response.End();
            }
            if (Request.QueryString["SendRequest"].Equals("UserData"))
            {                
                GetIndividualReport(Request.QueryString["d1"], Request.QueryString["d2"], Request.QueryString["user"]);                
                Response.End();
            }
        }
 

Works well when I refresh.

[acoder]

Post your Ajax code (using code tags).

[Ganesh9u]

function GetAgentList()
    {
        var xmlHttp = GetXmlHttp();
            xmlHttp.onreadystatechange=function()
                {
                if(xmlHttp.readyState==4)
                  {                      
 
                  DisplayData(xmlHttp.responseText);
                  }
                }                  
           xmlHttp.open("GET","Report.aspx?SendRequest=userlist",true);  xmlHttp.send(null); 
    }
 
       function DisplayData(info)
             {
                var data = info.split("*");
 
                if(data[0] == 'Err')
                {
                    if(data[1] == 'N')
                    {
                        alert('7 Days is the maximum date range!!');
                    }
                    //document.getElementById('divMsg').innerHTML = data[1];
                }
                else if(data[0] == 'Msg')
                {                
                    //document.getElementById('divMsg').innerHTML = data[1];
                    alert(data[1]);
                }
                else if(data[0] == 'Data')
                {                      
                  document.getElementById('AgentList').innerHTML = data[1];                   
                }
 
 
             }

[acoder]

Where do you make the call to GetAgentList()?

Please post code using code tags. Thanks.

[Ganesh9u]

Where do you make the call to GetAgentList()?

When I click a button control form html page. do you understand.

[acoder]

Yes, can you post the button code (on the client-side [view source] in the browser).

[Ganesh9u]

 function GetAgentList()
    {
        var xmlHttp = GetXmlHttp();
            xmlHttp.onreadystatechange=function()
                {
                if(xmlHttp.readyState==4)
                  {                                                
                  DisplayData(xmlHttp.responseText);
                  }
                }                  
           xmlHttp.open("GET","Report.aspx?SendRequest=userlist",true);  xmlHttp.send(null); 
    }

[acoder]

You already posted that. I meant the button code which calls this function onclick.

[Ganesh9u]

[HTML] <img id="btnGenerate" runat="server" alt="Generate Report"
onclick ="PleaseWait();GetAgentList();"
src="Images/generate_report_button.gif" />[/HTML]

[acoder]

That seems OK, so that leaves the server-side script. If you run the page Report.aspx?SendRequest=userlist directly (without Ajax - type in your address bar), what does it output? Is it what you expect?

[Ganesh9u]

Not like that, It gives output to me, but i refresh it the content in my div tag is lost. And the next time when i execute the same i got the correct result.

[acoder]

That was only for a test to determine if you're getting the correct output from your server-side code.

I think the best thing would be for you to post the whole code (client-side version), or better still, a link to a test page.

[Plater]

I am guessing that since the button is also a server control, it causes a postback..which happens AFTER the other javascript is run. So the DIV tag gets refreshed, but a postback occurs and the contents are then lost?

[Ganesh9u]

I am guessing that since the button is also a server control, it causes a postback..which happens AFTER the other javascript is run. So the DIV tag gets refreshed, but a postback occurs and the contents are then lost?

What about view state can i use that ?