| <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" |
| <htmlxmlns="http://www.w3.org/1999/xhtml" xml:lang="de"lang="de"> |
| <head> |
| <title>Ajax - Application</title> |
| <scripttype="text/javascript"> |
| var xhr; |
| window.onload = function () { |
| xhr = http(); |
| xhr.open("GET", "ajaxdata.txt", true); |
| xhr.onreadystatechange = dataoutput; |
| xhr.send(null); |
| }; |
| function dataoutput() { |
| if (xhr.readystate == 4) { |
| var return = xhr.responseText; |
| var objekt = eval ("(" + return + ")"); |
| var ul = document.createElement("ul"); |
| for (var index in objekt) { |
| var element = objekt[index] |
| var text = element.text |
| var url = element.url |
| var li = document.creatElement("li") |
| var textnodes = document.createTextNode(text + "(" + url + ")"); |
| li.appenChild(textknoten); |
| ul.appendChild(li); |
| } |
| document.getElementById("p") (false); |
| document.getElementById("p").appendChild(ul); |
| } |
| } |
| </script> |
| </head> |
| <body> |
| <div id="Container"> |
| <div id="Header"></div> |
| <div id="Content"> |
| <div id="sidebarLeft"></div> |
| <div id="sidebarRight"></div> |
| <div id="mainContent"></div> |
| </div> |
| </div> |
| </body> |
| </html> |