使用jQuery选项卡提交表单后使用URL哈希刷新页面
是一种常见的前端开发技术，它可以在用户提交表单后刷新页面并保持选项卡的状态。
具体实现步骤如下：
- 首先，我们需要使用jQuery来处理选项卡的切换和表单的提交。可以使用jQuery的
click事件来监听选项卡的点击事件，并使用show和hide方法来切换选项卡的内容。 - 当用户点击选项卡并提交表单时，我们可以使用jQuery的
submit事件来监听表单的提交事件。在提交事件中，我们可以获取表单的数据，并使用ajax方法将数据发送到服务器进行处理。 - 在服务器端处理完表单数据后，可以返回一个新的URL给前端页面。这个URL可以包含一个哈希值，用来标识当前选中的选项卡。
- 在前端页面中，我们可以使用
window.location.hash来获取当前页面的哈希值。通过判断哈希值是否存在，并根据哈希值来显示对应的选项卡内容。 - 最后，我们可以使用
window.location.reload()方法来刷新页面，以便显示新的选项卡内容。
这种技术的优势在于可以提升用户体验，使用户在提交表单后可以保持在原来选中的选项卡，并且页面内容会根据表单提交的结果进行刷新。
这种技术适用于各种需要使用选项卡来切换内容，并且需要在提交表单后刷新页面的场景，例如用户注册、登录、搜索等操作。
腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器、云数据库、云存储等。您可以访问腾讯云官网（https://cloud.tencent.com/）了解更多相关产品和服务的详细信息。
相关·内容
1回答
信息显示在div中，同时按下另一个div的按钮，而不通过jQuery和PHP加载页面。
javascript、php、jquery
一开始，我很抱歉没有我想要的代码&我不知道如何通过聚焦任何特定的关键字来问确切的问题。
但是，每当我单击另一个区域(Div)的按钮时，我都想在区域(Div)中显示我的产品信息。&这项工作应该在没有刷新页面的情况下完成。
我再次为我没有密码而道歉。但我可以提供一个形象，希望你能理解我的愿望
示例：每当我点击愤怒汉堡，价格和数量应该显示在右边(加利福尼亚炸鸡)区域。多个选择的产品也应该一个一个地工作。在此之后，我应该能够提交产品信息，只要按下提交按钮，就可以执行PHP操作。
我想用jQuery和PHP完成整个任务
谢谢
浏览 0提问于2017-03-25得票数 0
3回答
如何清除表单数据，使刷新不重复数据而不转发？
php、html、browser、refresh
我创建了一个留言簿，用户可以在其中通过HTML表单添加条目。将数据提交到留言簿后，一些用户会刷新页面。我认识的所有浏览器都会重新提交数据。之后。有没有办法告诉浏览器不应该重新提交数据？
在成功地将数据存储到数据库后，我曾经有一个重定向。但是，现在我想向用户提示一些额外的信息，例如“感谢您的条目，标题为‘...’。”，或“条目的coy已发送到您的电子邮件地址...”。我真的很喜欢避免将所有的值添加到GET参数中，以便能够在转发后使用信息。
有没有其他方法(没有转发！)为了防止浏览器在用户点击“刷新”按钮后再次提交数据？
浏览 4提问于2012-07-24得票数 1
回答已采纳
2回答
浏览器后退按钮更改动态url参数
javascript、jquery、angularjs、back-button、url-parameters
我在一个网站上工作，其中url参数根据用户操作进行更新，根据该参数，我在不刷新的情况下更新网页。考虑电子商务的场景，当用户点击过滤器时，url会改变，然后显示更新后的产品。
现在的问题是，当用户点击浏览器的后退按钮时，浏览器会返回到之前的url参数，但是页面并没有改变。我想改变的网页也根据网址参数，这是在后退按钮点击后发生变化。
我已经尝试过这个解决方案：
$($window).on('popstate', function (e) {
// Update the page also
});
这段代码的问题是，它会在url更改时触发，这意味着它并不关心浏览器的后退按钮
浏览 2提问于2015-10-23得票数 7
3回答
提交表单而不刷新/重定向当前页面(Python (Django) + jQuery + Ajax)
jquery、python、ajax、django
是否可以使用Python在不刷新当前页面的情况下提交表单？我希望最终结果类似于Facebook评论的运作方式。
我目前正在使用jQuery表单来执行Ajax。但是，它没有提供我想要的用户体验，因为：
在使用jQuery表单提交后，地址栏上的URL刷新到我提交的表单。
它确实刷新了页面。我特别不喜欢它，假设我在页面底部向下滚动到最大。提交表单后，它刷新页面，焦点被重定向到页面顶部。
我希望我已经表明了我想要的。我需要像Facebook这样的评论系统起作用。有人发表了评论，然后提交了注释，而没有刷新页面。
编辑
jQuery代码：
$('#review_submit'
浏览 7提问于2011-10-30得票数 7
回答已采纳
2回答
使用当前选定的项实现自动建议/选择UI+单独的div
javascript、php、jquery
我想要构建一个UI，其中用户选择多个产品，这些产品将显示给用户，然后对所选产品进行各种计算。所以：
div1:用户选择产品的区域
div2:显示了当前的产品选择
div3:结果(显示用户选择的计算结果)
我主要是一个后端的PHP程序员，绝不是前端程序员的JS，所以jQuery、JavaScript或他们的工作知识的细微差别并不是我的专长。我可以在没有JS的情况下实现这一点，并且可以让它正常工作，而不需要所有的动态内容。它可能不是即时的，但它会起作用的。虽然，这是一个尝试动态内容的好机会，当涉及到JS的世界时，我想应该从某个地方开始。
我认为理想情况下，这可以通过在div1中
浏览 1提问于2014-06-04得票数 0
2回答
如何从另一页提交表单？
javascript、jquery、html、forms
我有一个两页的网站。每个页面都包含一个顶部有“选项卡”的标题，以在第1页和第2页之间导航。
当选项卡被选中时，我需要选择的页面重新发布到服务器，在显示之前快速刷新。
我在每个页面上都有一个表单，它允许手动刷新该页面的，但需要从另一个页面提交该表单。
例如，将显示第2页。选择第1页的选项卡(在第2页上)，然后在第1页上提交刷新表单。
任何帮助都是非常感谢的。
(使用jQuery、js、html和CSS)
浏览 6提问于2010-04-20得票数 1
回答已采纳
2回答
使用Javascript / jQuery触发按钮单击
javascript、jquery、wordpress
我正在尝试用jquery“点击”一个搜索提交按钮。我使用wordpress的“即时搜索和建议”插件，当你开始在搜索栏中输入关键字时，它会生成建议。它有一个选项，如果你在后端启用，当你点击建议的关键字时，它会直接带你到那个特定建议的特定帖子页面。我已经禁用了这一点，因为我不是直接把用户带到单一的帖子页面，我需要他们去搜索结果页面。禁用该选项后，当你点击建议时，插件所做的就是在你点击建议时将建议的关键字(帖子标题)插入到搜索字段中。
场景如下:用户开始输入关键字>插件给出建议>用户点击建议>插件将点击的关键字/建议插入搜索字段>脚本点击提交。
除了最后一部分--“脚本点击提
浏览 11提问于2016-08-30得票数 0
3回答
在调用form.submit()时包含“成功”按钮
javascript、forms、submit、form-submit
我正在开发一个类似设备的产品的Web GUI。
我有一个运行良好的HTML表单:它显示一个带有复选框的列表，用户选中其中的一些，然后单击提交表单的"remove“按钮。服务器获取帖子，删除项目，并刷新页面。一切都好。
需要添加一个“你确定吗？”对表单的确认。如果我将调用添加到
confirm("are you sure?");
作为FORM标记中的onsubmit方法，或者submit按钮标记中的onclick方法，它工作得很好，但使用了丑陋的浏览器原生确认对话框。
在产品的其他地方，我们有一个很好的自定义CSS样式的确认对话框，我想使用它，但它的工作方式是这样的:在
浏览 3提问于2009-09-16得票数 0
回答已采纳
1回答
脚本不能处理Ajax加载的内容
javascript、jquery、ajax
我有一个jquery驱动的投票系统，其他页面上的项目是通过ajax加载的，但是在ajax加载的内容上，jquery投票需要刷新页面才能处理投票。
我认为问题出在此中的操作(?)但我不是很确定。我没有任何代码可以开始，因为我甚至不知道从哪里开始。如何解决此问题？
浏览 1提问于2011-11-08得票数 4
回答已采纳
2回答
如何防止浏览器在提交后跳转到其他页面？
javascript、form-submit
我有一个表单，用户输入数据并上传图片，当用户点击提交时，浏览器会转到一个“确认页面(它实际上是空白的)”，我宁愿有一个弹出确认消息，当用户点击确定它刷新页面。
有什么想法吗？
一些细节:首先，用户在文本字段中输入数据并选择要上传的文件
当用户点击“提交按钮”时，弹出确认页面，用户可以点击“确定”或“取消”。
如果用户单击"OK"，则调用servlet来处理表单数据，包括用户想要上传的文件，如果表单提交成功，则弹出“成功”
我的似乎每次都转到空白的确认页面，没有成功弹出
浏览 10提问于2012-01-20得票数 0
回答已采纳
3回答
window.location不刷新现有的URL
javascript、jquery
我有一个带有jQuery水平选项卡实现的PHP页面。我添加了一个jQuery脚本，以便页面URL反映tab#。我在页面上有一个表单，在提交表单时，我需要刷新并保持在同一个页面上，以包含jQuery正确的选项卡号。
这是将jQuery选项卡号添加到URL的代码：
<script>
jQuery(function($) {
$("<p>").html("Loaded at " + new Date()).appendTo(
document.body
);
showTab(location.hash
浏览 6提问于2015-04-03得票数 0
回答已采纳
1回答
如何在asp.net mvc中选择jquery UI选项卡？
jquery、asp.net-mvc
关于在asp.net mvc视图中使用JQuery UI选项卡控件，我有一个问题。
例如，我在一个aspx页面中有三个选项卡: tab0、tab1和tab2。
Tab1列出了所有的产品，而tab2是一个创建产品的表单。在tab2中填写所有数据并提交表单之后。如何强制视图加载tab2。默认情况下，它始终选中tab0。
谢谢。
浏览 2提问于2009-08-06得票数 0
回答已采纳
1回答
对网站安全的澄清
web-application、web-browser、vulnerability
我是新来的网站处理工作，以下是我的问题。
1)如何确保页面访问足够安全，以便进行数据传输、sql注入和其他几次攻击。
2)如何确保正在处理的页面是原始页？
3)有时，我看到浏览器限制我点击或继续某些内部链接？为什么会这样？
( 4)有时，如果我空闲几分钟，页面会自动刷新，在这种情况下，有人可以通过经过的会议来完成吗？
5)如何确保提交给服务器的表单是正确的，并且没有人修改它？
浏览 0提问于2015-02-14得票数 -3
回答已采纳
4回答
如何仅在JavaScript或jQuery中选择另一个表单字段时才显示窗体字段？
javascript、jquery
我有一张表格，就像这样：
<form action="" method="post">
<select name="pageType">
<option value="main">Main Page</option>
<option value="sub">Sub Page</option>
<option value="sub-sub">Sub-Sub Page</o
浏览 7提问于2010-06-13得票数 1
回答已采纳
1回答
动态显示/隐藏记录的子集？
javascript、php、jquery、mysql
我正在写一个使用PHP，MySQL，jQuery和一些像jEditable和DataTables这样的附加组件的web应用程序。在大多数页面上，用户将提交一个表单，该表单将查询数据库并返回与我的查询规则匹配的记录。这在95%的时间里对我的95%的用户有效。这是我想要帮助的另外5%/%。
我排除了不再被处理的记录(已完成/已取消/已接受/已拒绝/等等)，只留下“实时”记录。但是，有时领导团队需要查看我排除的记录。我可以为每个案例写一个完整的页面或报告，但这似乎是巨大的时间浪费。
有没有办法将“显示所有记录”复选框或按钮添加到我的页面？单击时，该按钮将获取并显示其余数据，因此用户不必刷新/转到另一
浏览 1提问于2015-09-22得票数 0
3回答
inpage ajax表单
jquery、ajax、jsp
我目前正在创建一个应用程序，并希望添加一个AJAX功能，但我似乎找不到任何我想要的示例！
我试着把所有的东西都放在一页上。
例如，我在页面的左侧已经有一个自动生成的产品列表，这些产品通过JQUERY-->servlet显示。
现在，如果用户点击一个产品，它会将他们引导到一个html页面，其中包含一个提交给servlet的表单(我没有对此进行编码，但我也知道如何实现)。
但我想要的是，当用户单击产品时，表单被加载到页面上的指定div中，用户可以在其中填写表单并将其提交给servlet，而无需离开页面。
如果我编写一个JSP页面，然后把它放到主JSP页面中，会不会更好？或者在jquery中创
浏览 3提问于2011-03-03得票数 0
回答已采纳
2回答
如何在php，html多选项卡式表单中传递数据？
javascript、php、html、ajax、codeigniter
如何在php，html多选项卡式表单中传递数据。从一个标签页到另一个标签页...像第一个标签，当他按下提交按钮时，要求用户输入产品的详细信息，第二个标签打开，用户可以将图片上传到目录。最重要的是我使用的是codeigniter..请帮帮我
浏览 1提问于2015-04-23得票数 1
3回答
如何检查有效用户，然后继续提交数据
asp.net
我正在使用ASP.NET将数据从表单提交到数据库。
但在提交之前，我想检查一下当前用户是否有效。如果没有，我想使用登录控制注册表单，现有用户可以在该表单中输入其用户id和密码，然后返回上一页提交表单数据。
例如:假设一个页面有3个文本框和一个按钮。一旦用户点击按钮，我想检查用户是否已经登录。如果没有，我想打开登录页面，这样他就可以提供他的凭据，然后执行上一页提交功能，而用户不必再次单击。
浏览 2提问于2012-01-03得票数 0
2回答
腾讯云还能否要点脸？
对象存储、网站、cdn
腾讯云大禹安全中安全认证，也就是所谓的绿标。
image.png
杠精走开，该产品在2017年9月28日起已经暂时下线。自9月28日起，不再接受新增的网址认证申请，已经认证的网址则不受影响，可继续享受认证服务。若因用户搬迁服务器或域名转卖等情况，导致认证网站对应的服务器不再部署在腾讯云上，9月28日起其认证将被逐步清理，并取消认证。
----
看清楚，已经认证的网址不受影响，而我的已经掉了三四次，之前都提工单联系过客服进行过处理，恢复了。但是最近掉了以后提交工单一直在机械回复，外包客服处理？让升级处理也没见升级处理，浪费时间。
----
首先，域名、服务器、cdn、cos都是使用的腾讯云
浏览 694提问于2019-08-07
回答已采纳
3回答
jquery不像我所期望的那样
jquery、css、form-submit
关于复选框(或无线电框)和显示隐藏的内容，我试图做的事情似乎有一个问题。
<input type="checkbox" id="carousel" class="carouselGlobal" name="aisis_options[carousel_global]" value="carousel_global">
简单的复选框。现在，让我们添加一些jquery来显示隐藏部分，并使用.sectionCarousel的div类。
jQuery
$('.carouselGlobal
浏览 5提问于2013-04-07得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
