Здравствуйте. Есть JS скрипт:
<script type="text/javascript">
// Функция, осуществляющая AJAX запрос
function loadXMLDoc(method, url) {
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open(method, url, true);
req.send(null);
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
req.onreadystatechange = processReqChange;
req.open(method, url, true);
req.send();
}
}
// Функция, выполняемая при изменении статуса
// запроса, если статус равен 200, данные получены
function processReqChange() {
if(req.readyState == 4) {
if(req.status == 200) {
getNumber(req.responseText);
} else {
alert("There was a problem retrieving the XML data:\n" + req.statusText);
}
}
}
// Функция выполняется при щелчке на "ссылке"
function onClick(prurl) {
var url = prurl;
loadXMLDoc( "get", url );
}
// Функция записывает в элемент content значение, полученное от сервера
function getNumber( number ) {
var content = document.getElementById( "content" );
content.innerHTML = number;
}
</script>
Работает например так:
<a href="#" onClick="onClick('ajax.php?num=1')">ссылка1</a><br>
<div id="content"></div>
Как сделать вывод более универсальным, т.е. чтоб в ссылке можно было указать id элемента в который выводить полученые данные, т.е. можно было использовать выбвод в неограниченое число разных блоков соответствующими ссылками?