Отображение сообщений об ошибках с помощью библиотеки SweetAlert - PullRequest
Новая
       8

Отображение сообщений об ошибках с помощью библиотеки SweetAlert

0 голосов
/ 15 января 2019

Я работаю над приложением, в котором проверяю бэкэнд (использую PHP) и отображаю ошибки во внешнем интерфейсе, передаю ошибки с помощью AJAX. Все работает хорошо, за исключением того, что мне нужно отобразить ошибки в формате упорядоченного списка , используя sweet alert js library .

Отображаются ошибки, но проблема в том, что они не выровнены в порядке упорядоченного списка:

Сладкая тревога Js ссылка 

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

Код Ajax 

 $.ajax({
            type: "POST",
            url: "getplans",
            data:JSON.stringify(type),
            contentType: 'application/json',
            dataType: "json",
            success: function(response){
                //Redirect
                window.location.href="getp" ;
            },
            //Alert errors from backend
            error: function(data) {
                //Unblock the spinner
                $.unblockUI();
                var errors = '';
                for(datos in data.responseJSON){
                    errors += data.responseJSON[datos] + '\n';
                }
                //Sweet alert js function
                swal(errors, "warning");
            }
        });

Ответы [ 2 ]

0 голосов
/ 15 января 2019

Вы можете просто взять узлы внутри элемента ul следующим образом: 

swal("Error:", document.getElementsByTagName('ul')[0].innerText)

и запишите их как текст. Ниже простой пример: 

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    <script type="text/javascript">
        //swal("Error:", document.getElementsByTagName('ul')[0].innerText)

    let array = ['cofee', 'Tea', 'mill'];
    let list = '';
    for (var i = 0; i < array.length; i++)
        list += array[i] + '\n';

    swal("Error", list);
    </script>

</body>
</html>
0 голосов
/ 15 января 2019

Вы можете использовать опцию content. взятие взято в SweetAlert пример

...