первый скрипт подключает файл с js и выводит кнопку и счетчик:
<script src="script.js"></script>
<input type="button" onclick="doWork" />
<div id="rate">0</div>
сам файл js:
function getHTTPObject(){
if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest) return new XMLHttpRequest();
else {
alert("Ваш браузер не поддерживает AJAX.");
return null;
}
}
function setOutput(){
if (httpObject.readyState == 4){
document.getElementById('rate').innerHTML = httpObject.responseText;
}
}
function doWork(){
httpObject = getHTTPObject();
if (httpObject != null) {
httpObject.open("GET", "2.php?rate="
+document.getElementById('rate').innerHTML, true);
httpObject.send();
httpObject.onreadystatechange = setOutput();
}
}
var httpObject = null;
и сам скрипт увеличения:
echo ($_GET['rate']+1);
кто разбирается в js скажите что не так, ибо ничего не работает.
ps брал отсюда: http://www.vr-online.ru/content/ajax-php-povyshaem-interaktivnost-1864
еще вопрос по улучшению скрипта: если я хочу в кнопке передать параметы, вот такие изменния корректы будут:
<input type="button" onclick="doWork('rate','rate','rate')" />
где 1 параметр - передаваемая переменная GET, 2й - откуда брать значение, 3й - куда записывать. И соотв. js код:
function doWork(p1,p2,p3){
...
httpObject.open("GET", "2.php?"+p1+"="+document.getElementById(p2).innerHTML, true);
...
httpObject.onreadystatechange = setOutput(p3);
}
function setOutput(p){
if (httpObject.readyState == 4){
document.getElementById(p).innerHTML = httpObject.responseText;
}
Такой скрипт будет корректен?