doforumda Posted December 12, 2009 Share Posted December 12, 2009 hi i am new to ajax and learning ajax. i want to know how can i get data from xml file using ajax. my code is below. here is my ajax code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script language="javascript"> var options; var XHRO = false; if(window.XMLHttpRequest) { XHRO = new XMLHttpRequest(); XHRO.overrideMimeType("text/xml"); } else if(window.ActiveXObject) { XHRO = new ActiveXObject("Microsoft.XMLHTTP"); } function getData(dataSource, divID) { if(XHRO) { var obj = document.getElementById(divID); XHRO.open("GET", dataSource); XHRO.onreadystatefunction = function() { if(XHRO.readyState == 4 && XHRO.status == 200) { obj.innerHTML = XHRO.responseXML; } } XHRO.send(null); } } </script> </head> <body> <form> <input value="Grab Data" type="button" onclick="getData('options1.xml','targetDiv')" /> </form> <div id="targetDiv"> <p>Press the button to fetch data from server.</p> </div> </body> </html> and here is xml <?xml version='1.0'?> <options> <option> red </option> green <option> </option> blue <option> </option> </options> Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted December 12, 2009 Share Posted December 12, 2009 Here is one thing I notice. This: XHRO.onreadystatefunction = function() This: XHRO.onreadystatechange = function() Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.