Question

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

Answer 1

运行代码时，会出现以下错误

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

“未捕获的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>

Sweet Alert TextBox变量

1 个答案: