Я хочу сообщить пользователю об успешном запросе ajax с помощью всплывающего окна с информацией о JavaScript.

Оповещение делает то, что я хочу, но с семантической точки зрения у него больше предупреждения.

Подтверждение и подсказка тоже для разных целей.

Есть ли смысловой информационный блок более правильно, чем оповещение? Например. что-то вроде MsgBox()?

2
jave.web 16 Дек 2015 в 15:14

4 ответа

Лучший ответ

Javascript, предоставляющий семантическое сообщение пользователю, является неправильным. Обмен сообщениями должен обрабатываться HTML.

Другие здесь рекомендуют сторонние решения для «окон сообщений», но IMO, который не отвечает на ваш вопрос. В javascript нет всплывающего окна с семантической информацией, кроме alert, confirm и prompt.

Окно оповещения является частью среды браузера и фактически является частью объекта окна, который предоставляется браузером. По этой причине предупреждение, запрос, подтверждение, что даже не являются родной для EcmaScript

Поэтому, если вам нужен семантический способ информирования пользователя, тогда вы используете семантическую разметку в HTML и открываете содержимое с помощью javascript с помощью манипуляций с DOM, независимо от того, написано ли оно вами или с предложениями плагинов, как написали другие.

3
Community 23 Май 2017 в 12:07

В большинстве случаев это модальное окно внутри текущей страницы вместо window.alert или window.confirm, которое использовалось так много раз, что браузеры имеют тенденцию блокировать их.

Вы можете разработать свой собственный или использовать компонент из одной из множества библиотек js / css.

Например, вы можете использовать модал Twitter начальной загрузки: http://getbootstrap.com/javascript/#modals выглядит так, но есть много других: введите описание изображения здесь

Вы также можете использовать простые окна уведомлений в одном углу страницы, если не хотите прерывать поток пользователя в веб-приложении.

Примером является https://notifyjs.com/, который выглядит следующим образом:

enter image description here

1
Eloims 16 Дек 2015 в 12:22

Вы обязательно должны попробовать SweetAlert!

Синтаксис почти идентичен нормальному alert, но выглядит потрясающе и обладает большей гибкостью.

Пример использования в запросе AJAX:

swal({
    title: "Ajax request example",
    text: "Submit to run ajax request",
    type: "info",
    showCancelButton: true,
    closeOnConfirm: false,
    showLoaderOnConfirm: true,
},
function(){
    setTimeout(function(){
        swal("Ajax request finished!");
    }, 2000);
});

Показывает:

ajax

2
Idos 16 Дек 2015 в 12:18

Я использую ноти для этой цели: http://ned.im/noty/

composer require needim/noty

Или

bower install noty
1
bni i 16 Дек 2015 в 12:16