Пропадает результат AJAX
143
20 декабря 2019, 14:00
Имеется код:
<!DOCTYPE html>
<script>
function Ajax()
{
var xhr = new XMLHttpRequest();
var formData = new FormData(document.getElementById('send-form'));
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("demo").innerHTML = xhr.responseText;
}
}
xhr.open("POST", "search.php", true);
xhr.send(formData);
}
</script>
<form id="send-form" method="POST">
<input type="search" name="search">
<input type="submit" onclick="Ajax()" value="Поиск">
</form>
<div id="demo"></div>Проблема в том, что код рабочий, но отображает результат на доли секунд и пропадает. В чем может быть проблема?
Answer 1
Пропадает, потому что отправка формы по нажатию кнопки с type="submit" идет своим чередом.
<input type="submit" onclick="Ajax();return false;" value="Поиск">или
<input type="button" onclick="Ajax();" value="Поиск">
-
19:12
-
21:12
Оборудование для ресторана: новинки профессиональной кухонной техники
-
22:17
-
22:13
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
-
20:12
-
20:06
-
19:59
-
19:51
-
19:43
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 48155 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30588 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 24099 visits
- Как через css изменить цвет png изображения? 10431 visits
- Blob video url download 10020 visits
- Php curl запрос через прокси с авторизацией 9302 visits
- Работа с captcha vk api 8163 visits
© "hostciti.net" 28.4.2025 | 08:12