Вот мой код:
function search_buddy()
{
$.post("num.php",function (ret){
num=ret;
});
$("#Layer7").html(num);
}
</script>
<div id="Layer8">
Find a buddy :
<input type="text" id="search" onkeyup="search_buddy()"/> :
</div>
Теперь, когда я ввожу один символ в текстовое поле с id=search, кажется, что функция search_buddy не срабатывает. Принимая во внимание, что если я ввожу два символа или более, функция работает отлично. Почему это происходит?
Лучший ресурс о событиях DOM: http://www.quirksmode.org/dom/events/keys.html
Похоже, ваш обработчик событий «search_buddy» запускает запрос AJAX, который является асинхронным. Остальная часть функции выполняется параллельно с запросом AJAX, поэтому "num" не определен до возврата $.post.
// num is undefined here... unless your network has 0 latency
$("#Layer7").html(num);
Вам нужно обернуть этот код (вставленный выше) в функцию обратного вызова. Похоже, это параметр номер 3: http://api.jquery.com/jQuery.post/
Непроверено, но лучше всего предположить:
function search_buddy() {
$.post("num.php", function (ret) {
num=ret;
$("#Layer7").html(num);
});
}
Вот некоторые модификации, которые помогут вам понять:
function search_buddy() {
alert("before the $.post execution");
$.post("num.php", function (ret) {
num=ret;
$("#Layer7").html(num);
alert("$.post callback");
});
alert("immediately after the $.post execution");
}
Примечание: «оповещение» остановит всю обработку JavaScript, чтобы вы могли видеть, когда происходят события.
keypress можно использовать для дополнительной информации о символе, введенном пользователем, что является фактом, о котором большинство разработчиков, похоже, не подозревают. Намного лучше unixpapa.com/js/key.html.
- person Tim Down; 08.10.2010
