Kod
<html>
<head>
<title>Ajax przy pracy</title>
<script language="javascript">
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest ();
}else if (window.AtiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData (dataSource, divID)
{
if(XMLHttpRequestObject) {
var obj = document.getElemetById(divID);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function ()
{
if (XMLHttpRequestObject.readyState = = 4 &&
XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
</head>
<body>
<H1>Przechwytywanie danych z Ajax</H1>
<form>
<input type = "button" value ="Display Message"
onclick = "getData('data.txt',
'targetDiv')">
</form>
<div id="targetDiv">
<p> Przechwycone dane będą tu</p>
</div>
</body>
Mam taki kod i wszystko działa elegancko, tylko jak teraz to przerobić, aby zamiast buttona był link, i po jego kliknięciu wczytało dane?
<head>
<title>Ajax przy pracy</title>
<script language="javascript">
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest ();
}else if (window.AtiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData (dataSource, divID)
{
if(XMLHttpRequestObject) {
var obj = document.getElemetById(divID);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function ()
{
if (XMLHttpRequestObject.readyState = = 4 &&
XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
</head>
<body>
<H1>Przechwytywanie danych z Ajax</H1>
<form>
<input type = "button" value ="Display Message"
onclick = "getData('data.txt',
'targetDiv')">
</form>
<div id="targetDiv">
<p> Przechwycone dane będą tu</p>
</div>
</body>
Teraz zostało mi jeszcze ich wysyłanie 
chodzi o ten z 1 postu.