Sweet Alert 文本框变量答案

【问题标题】：Sweet Alert TextBox VariableSweet Alert 文本框变量
【发布时间】：2018-10-31 22:33:45
【问题描述】：

我对 PHP 和 javascript 非常陌生，所以我的问题相当简单......我有这个 JavaScript 代码（Sweetalert2 文本字段），我想获取人们使用 ajax 将信息输入到单独的 PHP 文件中。我已经为这个问题苦苦挣扎了好几天，如果有人告诉我如何正确地做到这一点，我将非常感激

这是我的代码

<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>

【问题讨论】：

标签： javascript php ajax variables sweetalert2

【解决方案1】：

当你运行你的代码时，你会得到下面的错误

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

“Uncaught ReferenceError: $ is not defined”，表示你使用了$符号语法，（即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>

【讨论】：

你也知道我是如何添加 AJAX 的吗？请求以便我可以将变量传递给一个单独的 php 文件:)？
@MoritzKlug 嗨，如果我的上述答案解决了您的问题，请接受它作为正确答案。请单独提出下一个问题。