Проблема с onclick в AJAX

Всем привет!

У меня возникла проблема с onclick обработчиком. При нажатии на кнопку данные загружаются и сразу же пропадают. Не могу понять почему =(

Мб у кого была подобная проблема... Очень прошу помочь.




Вот код:

<script type="text/javascript">


//Создание объека AJAX
req = new XMLHttpRequest();

//Обращение к файлу, который что-то возвращяет в заголовке
var link = "getbooktxt.php";
req.open("HEAD", link, true);
req.send(null);


//Функция, которая изменяет текстовое поле блока с id - divResult
function getBook () {
document.getElementById('divResult').firstChild.nodeValue = req.getResponseHeader("Book");
}


</script>


<form>
<label for="txtNum">Введите номер книги:</label>
<input id="txtNum" type="text" />

<!-- Обработчик события -->
<button onclick="getBook();">Поиск</button>
</form>
<div id="divResult">&nbsp;</div>

Дублирую:

Код (Text):

1.  
2.     <script type="text/javascript">
3.  
4.            
5.             //Создание объека AJAX
6.             req = new XMLHttpRequest();
7.            
8.             //Обращение к файлу, который что-то возвращяет в заголовке
9.             var link = "getbooktxt.php";
10.             req.open("HEAD", link, true);
11.             req.send(null);
12.            
13.            
14.             //Функция, которая изменяет текстовое поле блока с id - divResult
15.             function getBook () {
16.                 document.getElementById('divResult').firstChild.nodeValue = req.getResponseHeader("Book");
17.             }
18.  
19.  
20.     </script>
21.  
22.    
23.     <form>
24.         <label for="txtNum">Введите номер книги:</label>
25.         <input id="txtNum" type="text" />
26.        
27.         <!-- Обработчик события -->
28.         <button onclick="getBook();">Поиск</button>
29.     </form>
30.     <div id="divResult">&nbsp;</div>

Заранее всем огромное спасибо!

 

Спс большое, помогло! Впредь буду знать =)