[英]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.