<!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> |