Created
September 17, 2013 05:34
-
-
Save lionhylra/6590380 to your computer and use it in GitHub Desktop.
AJAX example
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script> | |
| var xmlhttp; | |
| function loadXMLDoc(url,cfunc) | |
| { | |
| if (window.XMLHttpRequest) | |
| {// code for IE7+, Firefox, Chrome, Opera, Safari | |
| xmlhttp=new XMLHttpRequest(); | |
| } | |
| else | |
| {// code for IE6, IE5 | |
| xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); | |
| } | |
| xmlhttp.onreadystatechange=cfunc; | |
| xmlhttp.open("GET",url,true); | |
| xmlhttp.send(); | |
| } | |
| function myFunction() | |
| { | |
| loadXMLDoc("ajax_info.txt",function() | |
| { | |
| if (xmlhttp.readyState==4 && xmlhttp.status==200) | |
| { | |
| document.getElementById("myDiv").innerHTML=xmlhttp.responseText; | |
| } | |
| }); | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div id="myDiv"><h2>Let AJAX change this text</h2></div> | |
| <button type="button" onclick="myFunction()">Change Content</button> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script> | |
| function loadXMLDoc() | |
| { | |
| var xmlhttp; | |
| if (window.XMLHttpRequest) | |
| {// code for IE7+, Firefox, Chrome, Opera, Safari | |
| xmlhttp=new XMLHttpRequest(); | |
| } | |
| else | |
| {// code for IE6, IE5 | |
| xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); | |
| } | |
| xmlhttp.onreadystatechange=function() | |
| { | |
| if (xmlhttp.readyState==4 && xmlhttp.status==200) | |
| { | |
| /* | |
| readyState | |
| Holds the status of the XMLHttpRequest. Changes from 0 to 4: | |
| 0: request not initialized | |
| 1: server connection established | |
| 2: request received | |
| 3: processing request | |
| 4: request finished and response is ready | |
| status | |
| 200: "OK" | |
| 404: Page not found | |
| */ | |
| document.getElementById("myDiv").innerHTML=xmlhttp.responseText; | |
| //document.getElementById("myDiv").innerHTML=xmlhttp.responseXML; | |
| } | |
| } | |
| xmlhttp.open("GET","ajax_info.txt",true); | |
| xmlhttp.send(); | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div id="myDiv"><h2>Let AJAX change this text</h2></div> | |
| <button type="button" onclick="loadXMLDoc()">Change Content</button> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script> | |
| function loadXMLDoc(url) | |
| { | |
| var xmlhttp; | |
| var txt,x,xx,i; | |
| if (window.XMLHttpRequest) | |
| {// code for IE7+, Firefox, Chrome, Opera, Safari | |
| xmlhttp=new XMLHttpRequest(); | |
| } | |
| else | |
| {// code for IE6, IE5 | |
| xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); | |
| } | |
| xmlhttp.onreadystatechange=function() | |
| { | |
| if (xmlhttp.readyState==4 && xmlhttp.status==200) | |
| { | |
| txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>"; | |
| x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD"); | |
| for (i=0;i<x.length;i++) | |
| { | |
| txt=txt + "<tr>"; | |
| xx=x[i].getElementsByTagName("TITLE"); | |
| { | |
| try | |
| { | |
| txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>"; | |
| } | |
| catch (er) | |
| { | |
| txt=txt + "<td> </td>"; | |
| } | |
| } | |
| xx=x[i].getElementsByTagName("ARTIST"); | |
| { | |
| try | |
| { | |
| txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>"; | |
| } | |
| catch (er) | |
| { | |
| txt=txt + "<td> </td>"; | |
| } | |
| } | |
| txt=txt + "</tr>"; | |
| } | |
| txt=txt + "</table>"; | |
| document.getElementById('txtCDInfo').innerHTML=txt; | |
| } | |
| } | |
| xmlhttp.open("GET",url,true); | |
| xmlhttp.send(); | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div id="txtCDInfo"> | |
| <button onclick="loadXMLDoc('cd_catalog.xml')">Get CD info</button> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment