How to reload a specific div of a page with XMLHTTP

[sssd]

Hi,

I have a page (MainPage.aspx) that contains transformed XML data in different divs. The transformation is done in C# with an XML and an XSL file. The requirement is, based on user input , the xml should be updated which will update the page as well.

I have a javascript which takes the input from a input field from mainpage.aspx and sends to the C# code which updates the XML and reloads the page with the Updated XML data.

But I want to refresh only the div whose data is updated rather than the whole Page.

Can I use XMLHTTP request for reloading a specific div of the mainpage.aspx. If yes, is there any example which I can refer?

Appreciate any help.

[acoder]

Welcome to TSDN!

Can I use XMLHTTP request for reloading a specific div of the mainpage.aspx. If yes, is there any example which I can refer?

Yes, of course. See an example. Also check out the Ajax tutorial links in the Off-site Links thread.

[sssd]

the problem I have here is the div contains some xml data and the div needs to be updated when there is an update in xml data.

xmlHttp.open("GET", url,true);
var str=xmlHttp.responseText
 document.getElementById(div).innerHTML = str;
 

In the above code, we are passing the url of the page that contains the div. so str would contain the text that the whole page contains.And when we pass str to the div, it would display the whole page again in the div.

How can i extract the div from a page.so that i can passonly the div content to the div's innerHtml?

[acoder]

How can i extract the div from a page.so that i can passonly the div content to the div's innerHtml?

The best way would be to code your server-side script to only return the div and nothing else.

If, for some reason, that isn't possible or you don't wish to change that code, you will have to parse the response text for the div by using DOM methods, e.g. document.getElementById().

[Sansha]

Hi

How can I parse the response text. I dont want to pass the conent of the whole URL, rather I want to pass the contents of a div only.

Is there any example to refer? Thanks

[acoder]

Welcome to TSDN!

Hi

How can I parse the response text. I dont want to pass the conent of the whole URL, rather I want to pass the contents of a div only.

Is there any example to refer? Thanks

Can you give an example of a response from the server and what you want to parse out from it.

[Sansha]

I have multiple divs in my page. Among them, the div "DivXMLContainer" populates some data from xml data. Now when I add some data to the xml, I want to refresh the div with the updated data.

When I use the xmlhttp.open(Get, URL), I pass the url of the page . Hence the xmlhttp.responsetext gets the whole page .

Now the following line would display the entire page's content inside the div.
document.getelementbyID.("DivXMLContainer").innerH TML= xmlhttp.responsetext


Is there any way , I can parse the 'DivXMLContainer' from the responsetext or is there any other way around?

Let me know if I need to put the XHTML code here.

Thanks

[acoder]

You could do using responseText.getElementsByTagName("div") and then checking the id.

However, wouldn't it be better to just do this on the server-side instead, i.e. let the server-side code just return the required XML, so there's no need to parse the data.