关闭jquery对话框后重新加载html页面
关闭jquery对话框后重新加载HTML页面可以通过以下步骤实现：
- 首先，确保你已经在HTML页面中引入了jQuery库。可以通过在HTML文件的<head>标签中添加以下代码来引入jQuery库：
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>- 在HTML页面中，创建一个对话框（例如使用jQuery UI的对话框组件）。对话框可以通过以下代码创建：
<div id="dialog" title="对话框标题">
<!-- 对话框内容 -->
</div>- 使用JavaScript代码初始化对话框，并添加关闭事件处理程序。在关闭事件处理程序中，使用jQuery的load()函数重新加载HTML页面。以下是示例代码：
$(document).ready(function() {
// 初始化对话框
$("#dialog").dialog({
autoOpen: false, // 设置对话框不自动打开
modal: true, // 设置对话框为模态对话框
buttons: {
"关闭": function() {
// 关闭事件处理程序
$(this).dialog("close");
// 重新加载HTML页面
location.reload();
}
}
});
// 打开对话框
$("#dialog").dialog("open");
});在上述代码中，我们使用了jQuery的dialog()函数来初始化对话框，并设置了关闭按钮的事件处理程序。在事件处理程序中，我们使用了jQuery的dialog("close")方法来关闭对话框，并使用location.reload()方法重新加载HTML页面。
这种方法适用于需要在关闭对话框后刷新整个HTML页面的情况。如果只需要重新加载部分内容，可以使用jQuery的load()函数加载指定的HTML片段。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我是jquery的新手。我只想在关闭对话框后重新加载我的html页面，如下所示： $("#patient_info").html(response); $( "#patient_info"
浏览 49提问于2021-06-27得票数 1
回答已采纳
因此，每当jQuery UI中的特定对话框关闭时，我都希望刷新父页面。我如何才能做到这一点。jQuery代码： var dlg=$('#createTeam').dialog({dlg.load('admin/addTeam.php'); dlg.dialog('open
浏览 0提问于2015-09-28得票数 2
回答已采纳
2回答
我目前正在使用ASP.Net MVC 5开发一个应用程序，该应用程序使用JQuery UI库来显示模态对话框。我遇到的问题是，在我的一个模态对话框中，我要求用户从下拉列表(在对话框中)中选择一个产品，而在用户选择上，我想重新加载对话框，但是要根据one选择(不关闭对话框)填充它。
浏览 2提问于2014-08-26得票数 0
回答已采纳
2回答
防止页面提交后重新加载
、、、
我将表单加载到jquery对话框中，希望在表单提交后关闭该对话框，而不是重新加载页面。请给我一个可能的方法来实现它。
浏览 5提问于2015-04-25得票数 1
回答已采纳
2回答
如何创建一个JQuery简单对话框，对话框将不在同一页的div中，而是应该在iframe中。一旦弹出窗口关闭，模型对话框也应该销毁。当前jquery对话框的问题是，一旦弹出关闭，弹出html生成的页面将保持不变。如果您打开相同的弹出框五次，那么所有这些弹出窗口都将保留在html中，直到重新加载页面。
那么如何实现这些呢？
浏览 4提问于2015-09-17得票数 0
回答已采纳
1回答
所以我构建了一个自定义的对话框JQuery插件，但是回调函数有问题。我试图在对话框关闭后重新加载页面，但我的问题是页面几乎是立即重新加载的，所以我只能看到瞬间的对话框，而实际上它应该显示5秒才会消失。我希望消息在页面重新加载之前淡出。.....BUILD THE DIALOG.... return thi
浏览 3提问于2011-10-12得票数 0
回答已采纳
我使用了jQuery对话框。父控件具有用户控件，当弹出页单击时，该控件具有打开弹出页的图像。aspx页面有cancel按钮来关闭jquery方法，并且它是工作的。我在父页面上添加了jquery文件。我把对话框div放在父页面上。
问题在于关闭jquery对话框并重新加载父程序。如果我在弹出页面的头上添加了jquery</
浏览 0提问于2018-05-19得票数 10
2回答
我有一个页面，它显示了一个模式对话框在加载。在关闭模式之前，用户需要选中并提交一个复选框(考虑使用条款)。一旦发生这种情况，页面可以再次重新加载，但对话框不应该再回来。最初，我想使用PHP，但我想关闭使用JS (jQuery)的对话框，而不重新加载页面。另一种选择是什么？我可以在会话期间使用cookie吗？if ($('input[na
浏览 0提问于2012-11-05得票数 1
回答已采纳
我有一个jQuery模式对话框，可以在iframe上加载不同的页面。这有可能吗？谢谢,<script type="text/javascript">$(function(
浏览 2提问于2011-01-10得票数 1
回答已采纳
1回答
提交表单而不重新加载
、、、
我有问题，我想单击按钮并提交表单和按钮从打开更改为关闭。它是有效的，但当页面重新加载时，主要的问题是，打开值在单击后更改为关闭，并返回到打开值，所以我想让我的页面不重新加载，所以当我单击按钮打开时，就会转到关闭，而不是返回打开。这就像我想防止表单提交后页面重新加载，主要问题是防止页面在提交后重新</em
浏览 33提问于2020-06-05得票数 1
2回答
我有一个jQuery手机和另一个系统的设置。在一个页面上，我需要显示一个ajax加载的对话框，并根据单击的链接(类link)将数据返回到主页。; return false;});
但是插件并没有关闭对话框当包含指向对话框的链接的页面使用jquery加载时，该链接的处理程序
浏览 3提问于2013-05-29得票数 0
我正在寻找一种设计模式来处理模式对话框和调用它的页面之间的通知。假设我有一个简单的超文本标记语言页面，其中包含一个按钮，当单击该按钮时，会通过ajax将一些内容加载到模式对话框中(例如jQuery UI对话框)。加载的ajax内容包含一个带有submit按钮的简单表单，这将执行一个ajax post。到目前为止，一切都很好，所有这些都运行得很好。在通过post执行后，我的问题是如何：(1)通知对话框可以关闭<
浏览 3提问于2011-09-13得票数 1
1回答
我有一个问题，一个表单是在jquery对话框内，而不是在IE中发布。
它在chrome和FF中运行良好，向我的MVC控制器发送数据，但从IE发送空值。这是我的JQuery脚本中的错误吗？还是别的什么？
浏览 3提问于2012-02-17得票数 0
回答已采纳
="button" data-theme="a" href="/path/to/page/that/showed/dialog" data-rel="back">Cancel</a>
当我单击按钮时，对话框将关闭并返回到打开该对话框的页面但是，打开对话框的页面正在通过ajax重新加载，这
浏览 1提问于2012-02-20得票数 4
回答已采纳
1回答
我的代码曾经起作用，但我最近将jQuery UI更新为1.8，jQuery更新为1.4，因为有些东西不起作用。如果他们上次命中会话已经10分钟了，就会出现一个jQuery UI对话框div，并警告他们的会话即将过期，还有一个按钮可以让您通过单独的在线Ajax请求重新单击会话，而无需重新加载整个页面。15分钟或更长时间后，它应该关闭警告对话框(检查它是否已经打开，在这种情况下它“很可能打开”)，然后创
浏览 2提问于2010-05-30得票数 1
回答已采纳
我有一个在web API调用上加载数据的jQuery网格，单击网格每一行中的编辑按钮，它将获取记录的Id，并在I编辑数据和更新数据库对话框上打开一个jQuery对话框，其中加载包含该记录的所有详细信息的部分视图在数据库中，数据会被更新，properly.But在对话框关闭后网格不会刷新。我在页面上也有一个dropdown，它会根据它的selection.It过滤jQuery网格中的数据，但在
浏览 0提问于2013-06-14得票数 0
2回答
我有一个按钮，当单击该按钮时，将一个外部页面(相同的域)加载到div中，并将该div显示为jQuery UI对话框。在关闭它之后，它将不再回来。$("#Dialog_box").dialog({$("#Dialog_box").dialog('open');
此时，<
浏览 6提问于2011-06-02得票数 4
回答已采纳
我正在构建一个页面，一旦我点击了一个叫做函数模式的链接，这个页面的url就会在对话框中打开，在对话框中加载的页面包含一个表单，问题是一旦我提交了表单，对话框就会关闭，而不是保持对话框打开。从对话框页面提交表单后，是否可以保持对话框处于打开状态？下面是jquery代码：$(document).ready(function() {
$
浏览 1提问于2012-10-01得票数 1
1回答
我想显示一个对话框(使用jQuery UI)，它将在加载页面时显示一条消息，然后在下载框出现时消失。用户单击PDF图标，打开jQuery UI对话框，用户在其中选择页面方向和页面格式。用户单击“Generate "，如下所示：
(这).dialog(“关闭”)；//关闭当前对话框(选择页面方向，.)$(“#对话框-模态”).
浏览 5提问于2011-08-03得票数 0
回答已采纳
为了做到这一点，我调用一个操作，在执行DB更改后，重定向第二个操作(显示细节弹出的操作)，这样我就可以看到更新的记录。
问题是，在弹出窗口后面，我仍然看到(我必须这样做！)2-该应用程序必须在Chrome上运行，正如前面提到的，Chrome有"onbeforeunload“事件的糟糕用法，即使不同并不一定是一个解决方案:用户可能想查看主窗口，而不是通过关闭弹出窗口，而是通过移动它
浏览 5提问于2016-07-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
