Как добавить пользовательскую кнопку (изображение) в событие onclick?

Question

Мне нужна помощь, потому что я пытаюсь выучить AJAX, и я застрял. Итак, у меня есть этот код здесь, и все правильно, когда я нажимаю кнопки, информация из файла PHP отображается идеально.

`<form>
   <input type="button" value="req" onclick="fetch('hotels.php?select=1')">
   <input type="button" value="req2" onclick="fetch2('hotels.php?select=2')">
   <input type="button" value="req3" onclick="fetch3('hotels.php?select=3')">
</form>`

Так что мне нужно было спросить следующее: Могу ли я заменить обычная кнопка on-click classi c с пользовательским, который я сделал в Da Button Factory? Я попытался изменить тип ввода на изображение, но проблема в том, что страница обновляется, когда я нажимаю на нее (С другой стороны, когда у меня просто нажимается кнопка classi c, она не обновляется sh и информация отображается). Мой учитель программирования сказал мне, что он не должен обновлять sh, так как сейчас мы работаем над AJAX. Вот что я пытался сделать

<input type="image" src="button_london.png" alt="randomtext" value="req2" onclick="fetch2('hotels.php?select=2')">

Любые советы?

Answer 1

Входное изображение по умолчанию действует как кнопка отправки. Если входной тип изображения делает свою работу за вас, просто добавьте return false после функции onclick, чтобы предотвратить обновление.

<input type="image" value="req" onclick="fetch('hotels.php?select=1');return false;">