Асинхронный вывод данных из базы MySQL

[danik.js]

Упростил твой код:

function myFunction() {
   // тут создаются какие-то объекты, не важно...
}

document.getElementById("myID").innerHTML = myFunction();

Раз функция ничего не возвращает, то откуда чему-то взяться, кроме как undefined?

[Vikky]

function myFunction() {
   // тут создаются какие-то объекты, не важно...
}

document.getElementById("myID").innerHTML = myFunction();

Хм.. так как вернуть в моей функции xmlHttp.responseText ? Кроме как вот так - больше никак не получилось..

JS:

...
function myFunction() {
	var xmlHttp = getXmlHttp();
	var params = "count=" + document.location.href;
	xmlHttp = new XMLHttpRequest();
	xmlHttp.open("POST", "counter.php", true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.send(params);
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState !== 4) return;
		if (xmlHttp.status == 200) {
			document.getElementById("myID").innerHTML = xmlHttp.responseText;
		}
	}
}

HTML:

<script>
window.onload = function() { 
	myFunction(); // типа того.. не суть, просто с загрузкой страницы запускать функцию
}
</script>

<div id="myID"></div>

При этом всё равно на доли секунды показывается undefined, а уже потом данные из БД..

[danik.js]

Хм.. так как вернуть в моей функции xmlHttp.responseText ? Кроме как вот так - больше никак не получилось..

Да, примерно так. А через return никак, потому что xhr запрос происходит асинхронно, то есть он не блокирует поток, а выполняется параллельно, следовательно функция не будет висеть и ждать результата, а значит и вернуть она ничего не может (как она тебе вернет результат из будущего?)

При этом всё равно на доли секунды показывается undefined, а уже потом данные из БД..

Дык ты убери сам же присваиваешь undefined (тот что возвращает функция myFunction). Убери присвоение просто.

[danik.js]

var xmlHttp = getXmlHttp();

удали строчку, она не нужна. и функцию getXmlHttp удали - она нужна была раньше, когда был актуален IE6-7. Только var не потеряй.

[Vikky]

Дык ты убери сам же присваиваешь undefined (тот что возвращает функция myFunction). Убери присвоение просто.

Так, что ли?

...
function myFunction() {
	...
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState !== 4) return;
		if (xmlHttp.status == 200) {
			document.getElementById("myID").innerHTML = xmlHttp.responseText;
		}
	}
	return 0;
}

Только var не потеряй.

Что-то типа этого?

var xmlHttp = new XMLHttpRequest();

[danik.js]

document.getElementById("myID").innerHTML = myFunction();

Вот эту строчку удали. Оставь из нее только вызов myFunction()
Зачем ты пустоту (результат вызова myFunction() присваиваешь в innerHTML ?) Отсюда и undefined был.

[Vikky]

Вот эту строчку удали. Оставь из нее только вызов myFunction()
Зачем ты пустоту (результат вызова myFunction() присваиваешь в innerHTML ?) Отсюда и undefined был.

Ой, спасибо! Теперь всё по полочкам и понятно

p.s. карму, как я понимаю здешние законы, только те кто был уже с рождения JS-профи за подобный топик минусуют? ОК.