javascript — переменная текстового поля Sweet Alert
Я очень плохо знаком с 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>Решение
когда вы запустите свой код, вы получите ошибку ниже
{
"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>
Другие решения
Других решений пока нет …