Sweet Alert Переменная TextBox - PullRequest
Новая
       5

Sweet Alert Переменная TextBox

0 голосов
/ 01 ноября 2018

Я очень плохо знаком с PHP и javascript, поэтому мой вопрос довольно прост ... У меня есть этот код JavaScript (текстовое поле Sweetalert2) И я хочу получить информацию, которую люди вводят в отдельный файл PHP с использованием ajax. Я уже несколько дней бьюсь над этой проблемой, был бы очень признателен, если бы кто-то показал мне, как это правильно сделать

Это мой код 

<button type="button" id="new-btn" class="btn btn-primary" onclick="post();">Beitrag Erstellen</button>

<script>

        $(document).ready(function () {

        $('#new-btn').click(function () {
            swal({
                title: "Add Note",
                input: "textarea",
                showCancelButton: true,
                confirmButtonColor: "#1FAB45",
                confirmButtonText: "Save",
                cancelButtonText: "Cancel",
                buttonsStyling: true
            }).then(function () {

                swal(
                    "Sccess!",
                    "Your note has been saved!",
                    "success"

                )
            })
        });
    })

</script>

1 Ответ

0 голосов
/ 01 ноября 2018

когда вы запустите свой код, вы получите ошибку ниже 

{
  "message": "Uncaught ReferenceError: $ is not defined",
  "filename": "https://stacksnippets.net/js",
  "lineno": 15,
  "colno": 9
}

"Uncaught ReferenceError: $ не определено" , означает, что вы использовали $ символьный синтаксис, ( это jquery ), но вы не сделали импортировал это правильно и определил это. Для этого вы можете добавить следующие строки вверху вашего кода. Тогда он должен работать как положено. 

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>

И затем, чтобы использовать swal () в своем коде, вам необходимо импортировать скрипт sweethart, что можно сделать, добавив нижеприведенный также в верхней части файла 

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

Наконец, ваш рабочий файл кода должен выглядеть примерно так ---> 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
</script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>

<button type="button" id="new-btn" class="btn btn-primary" onclick="post();">Beitrag Erstellen</button>

<script>

        $(document).ready(function () {

        $('#new-btn').click(function () {
            swal({
                title: "Add Note",
                input: "textarea",
                showCancelButton: true,
                confirmButtonColor: "#1FAB45",
                confirmButtonText: "Save",
                cancelButtonText: "Cancel",
                buttonsStyling: true
            }).then(function () {

                swal(
                    "Sccess!",
                    "Your note has been saved!",
                    "success"

                )
            })
        });
    })

</script>

</body>
</html>
...