Click here to Skip to main content
15,498,570 members
Articles / Programming Languages / XML
Posted 15 May 2001


56 bookmarked

Refresh Portion Of Your Web Page Using XMLHTTP

Rate me:
Please Sign up or sign in to vote.
4.31/5 (11 votes)
15 May 20012 min read
This article explains how portion of a web page can be selectively refreshed using XMLHTTP


Did you ever have to refresh only selective part of a web page without having to refresh the whole page?. If yes, you are not alone. Fortunately, there are number of solutions which can address this issue, including remote scripting and XMLHTTP. This articles explains how a part of web page can be refreshed by using XMLHTTP, without having to refresh the whole page .


XMLHTTP object can be used to make HTTP request from the web browser to the server. XMLHTTP is part of Microsoft's XML parser and it is already installed in your machine if you have Internet Explorer.

Please refer MSDN help on how to use XMLHTTP object. Also, I recommend you reading my article Making HTTP Communication from MFC/Windows Application first, because I use the same techniques here too.


Sample app screenshot

In the above example web page, we can select a country from the country list box. For a country selected, we'll display list of states/province for that country. When you click on a country, a HTTP request to the web server will be send to get all the states for the specific country. States list box will be refreshed with the result from the server. Note that we are not using the submit to send a HTTP request to the web server. Instead, we use XMLHTTP since we do not want the whole page refreshed. Also, note that both request and response are in XML string and we will have to use the XML DOM to read the node values.

If you selected Canada in the country list box, the XML request string which is send from the web browser to the web server will look like below:

<RequestStates Country='Canada'></RequestStates>

The server (i.e. states.asp in this case) will process this request and sends back XML response, which looks like as shown below:

	<State>British Columbia</State>

The client has to process this XML response and update the states list box. The DisplayStates() function in demo.html takes care of this functionality.

Related Articles

The article Refreshing only part of your Web Page is on the same topic. However, it uses remote scripting (not XMLHTTP) to refresh part of web page.

Installation Notes

Download the sources (states.asp and demo.html) to the root directory of your web server. Note that the sample application assumes that your web server runs on the same machine as the client. If your web server runs on different machine, you have to change the URL name in XMLHTTP's open() method (in demo.html) appropriately. This sample application will not work if the URL specified is wrong.


This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Written By
India India
Dhandapani Ammasai(Dan in short) is a software delivery manager at a top tier IT company in India.

Comments and Discussions

GeneralPlease use MSXML2.XMLHTTP and MSXML2.DOMDocument Pin
Umut Alev17-Dec-06 22:13
MemberUmut Alev17-Dec-06 22:13 
GeneralRefresh Pin
David Pfahl7-Dec-05 13:17
MemberDavid Pfahl7-Dec-05 13:17 Pin
Sean Rock2-Jul-05 0:47
MemberSean Rock2-Jul-05 0:47 
GeneralServer to client transfer Pin
sundarbunny8-Jun-05 23:35
Membersundarbunny8-Jun-05 23:35 
GeneralRe: Server to client transfer Pin
Hazem Salem1-Nov-06 11:41
MemberHazem Salem1-Nov-06 11:41 
Generaljavascript! Pin
Anonymous27-Sep-04 16:55
MemberAnonymous27-Sep-04 16:55 
GeneralRe: javascript! Pin
Alex Korchemniy18-Dec-04 8:35
MemberAlex Korchemniy18-Dec-04 8:35 
QuestionXMLHTTP question? Pin
Veddy7-Oct-03 10:53
MemberVeddy7-Oct-03 10:53 
Generalsubmit + iframes vs. xmlhttp Pin
Nidi Iacobsohn1-Jun-03 3:27
sussNidi Iacobsohn1-Jun-03 3:27 
GeneralRe: submit + iframes vs. xmlhttp Pin
robpinion21-Jul-03 20:39
Memberrobpinion21-Jul-03 20:39 
GeneralRe: submit + iframes vs. xmlhttp Pin
Anonymous13-Oct-05 2:36
MemberAnonymous13-Oct-05 2:36 
Generalxmlhttp Pin
arvindsha27-Nov-02 9:46
Memberarvindsha27-Nov-02 9:46 
Generalmissing value attribute Pin
9key31-May-02 12:43
Member9key31-May-02 12:43 
GeneralGreat piece of code! Pin
Julian Tysoe30-Jan-02 5:56
MemberJulian Tysoe30-Jan-02 5:56 
Generalforeing Characters Pin
2-Nov-01 11:50
suss2-Nov-01 11:50 
GeneralRe: foreing Characters Pin
16-Nov-01 8:27
suss16-Nov-01 8:27 
QuestionClient requirements? Pin
Tom Archer22-May-01 3:35
MemberTom Archer22-May-01 3:35 
AnswerRe: Client requirements? Pin
Gerald Schwab22-May-01 7:25
MemberGerald Schwab22-May-01 7:25 
GeneralRe: Client requirements? Pin
Tom Archer22-May-01 7:47
MemberTom Archer22-May-01 7:47 
GeneralRe: Client requirements? Pin
Gerald Schwab22-May-01 8:00
MemberGerald Schwab22-May-01 8:00 
GeneralRe: Client requirements? Pin
Jason Gerard23-May-01 9:42
MemberJason Gerard23-May-01 9:42 
GeneralRe: Client requirements? Pin
Dhandapani Ammasai23-May-01 9:46
MemberDhandapani Ammasai23-May-01 9:46 
GeneralRe: Client requirements? Pin
WhiteTrailerTrash23-Nov-06 6:11
MemberWhiteTrailerTrash23-Nov-06 6:11 
GeneralRe: Client requirements? Pin
Gary Menzel25-Jul-01 14:40
MemberGary Menzel25-Jul-01 14:40 
GeneralRe: Client requirements? Pin
5-Sep-01 16:46
suss5-Sep-01 16:46 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.