在sweetalert2消失后重定向到页面
sweetalert2是一个强大的弹窗插件，可以美化网页的提示、确认和警告框。当需要在sweetalert2消失后重定向到特定页面时，可以使用以下步骤：
- 在你的网页中引入sweetalert2的相关文件，包括CSS和JavaScript文件。
- 创建一个按钮或者触发器，用于触发弹窗。
- 使用JavaScript代码调用sweetalert2的弹窗功能，并设置相关参数，例如标题、内容和按钮。
- 在弹窗的确认按钮的回调函数中，使用JavaScript代码进行重定向操作。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="sweetalert2.min.css">
</head>
<body>
<button id="openButton">点击弹窗</button>
<script src="sweetalert2.min.js"></script>
<script>
document.getElementById('openButton').addEventListener('click', function() {
Swal.fire({
title: '提示',
text: '确定要重定向吗？',
icon: 'success',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: '确定'
}).then((result) => {
if (result.isConfirmed) {
window.location.href = "https://example.com";
}
});
});
</script>
</body>
</html>在上述代码中，当用户点击"点击弹窗"按钮时，将会弹出一个成功的弹窗，询问是否要重定向。如果用户点击了弹窗中的"确定"按钮，将会通过window.location.href将页面重定向到"https://example.com"。
推荐的腾讯云相关产品：腾讯云函数（云原生Serverless计算服务）。 腾讯云函数是一个事件驱动的无服务器计算服务，可以让你无需关注服务器的配置和维护，只需编写你的业务逻辑代码即可。腾讯云函数支持多种编程语言和云计算场景，提供了灵活、高效、可弹性扩展的计算能力。 产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
当我将数据保存到mysql中时，它会保存，并且成功的sweetalert2会显示响应。在定时器超时后，它会消失，但不会执行函数。
浏览 16提问于2019-03-14得票数 0
回答已采纳
1回答
问题：注册成功后，我希望将重定向到/login，但也包括呈现选项。但是当我呈现时，login.ejs的url保持为/register。
浏览 3提问于2020-04-10得票数 1
我正在使用SweetAlert2，希望将用户重定向到另一个页面，但是在成功警报之后，用户单击OK。 swal({ } });但是当用户单击“确认”按钮到delete....this弹出时
因为我的重定向，用户甚
浏览 0提问于2016-11-16得票数 3
回答已采纳
我有一个rails应用程序，我们向用户发送电子邮件，其中包含应用程序中不同页面的链接，现在如果用户没有登录，他将被通过设计gem重定向到登录页面，引导用户进入应用程序的电子邮件链接从浏览器栏中消失，登录页面用链接显示现在我如何在链接消失之前保存电子邮件链接( )参数，所以在登录后，我可以编写代码将用户重定向到该链接。电子邮件链接示例
我想保存像我的部门，我的统计等信息，<e
浏览 4提问于2016-03-31得票数 0
1回答
我正在建立一个简单的管理面板，并希望在每次用户登录时显示SweetAlert2弹出窗口。我的用户在成功登录后被重定向到index.php，我希望当用户加载到index.php中时，弹出窗口将显示出来。 我该怎么做？:)
浏览 36提问于2020-08-17得票数 0
我使用php、html和sweetalert2 java脚本函数向用户显示一些通知。在将用户重定向到相同(目标)页面后，我需要显示一个警告。//event to perform on click of ok button of sweetalert }这是可行的，但是通知在重定向页面后显示不到我需要一些时间来显示通知，然后将用
浏览 3提问于2017-09-24得票数 0
回答已采纳
在项目中，我应用了sweetalert2。import { Router } from '@angular/router';import swal from 'sweetalert2error => this.errorHandle(error),);
} 我遇到的问题是，当
浏览 13提问于2019-09-20得票数 0
我在一个页面上有一个div，通过使用jquery .load()和setTimeout()刷新它，我从另一个php页面(同一网站)加载了一个div。按下submit按钮后，页面将被重定向到包含其他选项的表单页面。我想要做的是提交表单，而不重定向到默认表单页面。
附注：包含表单“消失”的div在提交后消失，另一个带有其他选项的di
浏览 2提问于2012-06-23得票数 0
回答已采纳
详细信息:如何在CodeIgniter中使用sweetalert2和PHP form？实际上，我想在提交PHP表单时显示sweetalert2，然后显示sweetalert2来确认数据，如果用户确认数据应该提交，然后重定向到下一页。问题:但在我的例子中，它直接重定向到下一页，而不是我在甜蜜警报上按下确认按钮。
浏览 6提问于2018-02-10得票数 1
我有一个带有UpdataPanel和UpdateProgress的页面。在此页面中，我重定向到一个下载页面，该页面负责下载生成的文件。通过其中一个控件单击事件在UpdatePanel中重定向到下载页。问题是下载文件后UpdateProgress未消失。(我将下载页面的ContentType设置为正确的mime类型)
浏览 0提问于2013-04-25得票数 0
回答已采纳
1回答
我使用sweetalert2弹出消息，当页面返回呈现时，它工作得很好，但是当我当用户提交表单时，我希望弹出一个sweetalert2 messages.success(request, 'yes')不会弹出
messages.success(request,
浏览 6提问于2022-11-09得票数 0
回答已采纳
我知道如何在wordpress中提交Contact form 7 build表单后将表单重定向到另一个页面。例如，我可以将其重定向到pdf文件。(然后在浏览器中打开)on_sent_ok: "location = 'url to pdf file here';"
最好的方法是表
浏览 3提问于2016-03-19得票数 1
1回答
基本上，有人正在为一个事件创建自己的“注册”，然后被重定向到一个“立即付款”页面，该页面的输入类型为"PHP“。当我执行"print_r($_POST)“时，变量是空的。如何使用刚刚存储在新节点中的数据？或者，至少使用PHP来检查为创建节点而提供的POST参数？我正在尝试为PayPal填充一个“立即付款”按钮。
浏览 0提问于2009-09-08得票数 0
回答已采纳
1回答
我有一个网站(建立在灯(cakephp)和ssl证书安装)，其中有一个安全的付款页面。在填写完必要的信息后，用户进入支付网关页面。在网关端的所有过程之后，网关重定向到我的一个URL，我必须在付款请求中提到这一点。现在，当我将这个url保存为http时，重定向就会正常发生，并且所有的会话都会得到维护。但是我想让这个页面变成https，当支付网关重定向到https版本的URL时，我的会话信息就会消失，我会被重定向
浏览 4提问于2011-02-14得票数 2
回答已采纳
在此链接中：
发帖者询问如何重定向除一个页面以外的所有页面。我如何做相反的事情，并且只重定向一个页面呢？我有一个网络联系人表单，它在用户按下“发送”后没有重定向到“thankyou.aspx”(表单域数据消失了，但表单仍然在原来的位置上(当它应该重定向到thankyou.aspx时，contact.aspx没有错误消息，SMTP代码工作正常，但我可能在该contact.aspx<e
浏览 0提问于2015-08-29得票数 0
5回答
在角度项目中npm启动后，得到了这个错误。
export class AppComponent { swal({ 'success' })}npm instal
浏览 1提问于2016-07-30得票数 18
2回答
在教师登录他们的帐户后，他/她可以更新学生的行为，在老师更新学生的行为之后，弹出消息就会出现(甜蜜消息)。'sweetify',我的html{% sweetify %}
浏览 4提问于2020-03-15得票数 0
我有一个登录页面，当用户输入正确的登录名和密码时，我将他们重定向到仪表板页面。我使用的是Laravel guest中间件，所以当登录的用户试图进入登录页面时，他们会被重定向到仪表板。一切正常，除了当用户登录并被重定向到仪表板时，如果他们点击浏览器的后退按钮，登录页面仍然显示。它只有在刷新后才会消失。我如何解决这个问题？
浏览 11提问于2019-07-28得票数 0
1回答
我使用Django表单作为用户登录页面。当用户有不正确的登录时，它会返回到登录页面。但是，当它这样做时，表单输入字段就消失了，用户不能输入任何东西，因为输入只是.不存在吗。在运行postlogin视图之后，输入就消失了。运行postlogin视图后，如下所示：
def login(request):
# Rendering login page
浏览 12提问于2022-10-11得票数 0
回答已采纳
我正尝试在laravel 5.4应用程序中注册facebook，使用社交插件...I在我页面中配置插件，但当我从我的应用程序重定向到facebook页面时，它显示一个错误。
浏览 19提问于2017-03-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
