簡體   English   中英

甜警報文本框變量

[英]Sweet Alert TextBox Variable

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

當您運行代碼時,將出現以下錯誤

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM