我想在jQuery中更改页面url而不刷新页面
在jQuery中，可以使用pushState()方法来更改页面的URL而不刷新页面。该方法是HTML5历史API的一部分，允许你在不刷新页面的情况下修改浏览器的URL。
下面是一个示例代码，演示如何使用pushState()方法来更改URL：
// 获取当前URL
var currentUrl = window.location.href;
// 新的URL
var newUrl = "https://example.com/new-url";
// 修改URL并添加到浏览器历史记录中
window.history.pushState(null, null, newUrl);
// 修改URL后，可以通过window.location.href获取新的URL
console.log(window.location.href);在上面的示例中，我们首先获取当前页面的URL，然后定义一个新的URL。接下来，使用pushState()方法将新的URL添加到浏览器的历史记录中，这样浏览器的URL将会被更新为新的URL。最后，我们可以通过window.location.href来获取新的URL。
需要注意的是，使用pushState()方法修改URL后，并不会触发页面的刷新或加载新的内容。这意味着你需要自己处理URL的变化，并根据新的URL加载相应的内容。
推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），详情请参考腾讯云CDN产品介绍。腾讯云CDN可以加速网站的访问速度，提供全球覆盖的加速节点，适用于各种网站和应用场景。
相关·内容
我看到许多网站，如，改变它的html内容和URL没有刷新页面。
我在HTML Histroy API中找到了一种可能的方法。
这是密码。
<div class="container">
<div class="row">
<ul class="nav navbar-nav">
<li><a href="home.html" class="historyAPI">Home</a></li>
浏览 7提问于2015-10-28得票数 4
我有一个带有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回答
我使用的是MVC 2分页(不是jquery分页)，我的部分页面每5秒刷新一次。
我想在刷新时保持我的页码。你能告诉我怎么做吗？
下面是每隔5秒刷新一次页面的代码
setInterval(function () {
$.ajax(
{
type: "GET",
url: '<%=Url.Action("divtobeupdated", "DefaultController") %>',
data: {},
浏览 2提问于2011-09-20得票数 0
回答已采纳
5回答
我在弹出窗口中有一个表单。用户填写详细信息并提交表单。在表单提交时，弹出窗口关闭，用户被重定向至主页。提交时，主屏幕上会显示一条消息(无论表单提交是否成功)。这是通过在主页url中添加参数来实现的。
当用户打开站点时，url将是..../home。并且用户点击弹出按钮并提交表单。
如果成功，url将被重定向至..../home?error=0
如果失败，url将被重定向至..../home?error=1
根据错误标志值，我在主页上显示消息。
在此步骤之后，如果用户刷新主页，他仍然会收到表单提交消息，因为url中存在错误标志。但刷新后，我不想在主页上显示消息。
因此，我尝试使用以下代码在页面刷
浏览 5提问于2014-09-30得票数 1
1回答
我想实现的结果，只有谷歌自定义搜索类似于在。如果您查看页面和源代码，您可以了解Google自定义搜索是如何实现的。当有人输入搜索词并按下搜索按钮，它将不会刷新页面，但结果将显示。太棒了。所以，我想实现这一点。
另外，当按下提交按钮时，地址栏中的URL不会更改。但是，当表单提交给SEO时，我想在url中添加查询。例如，如果有人搜索world，则应该将url更改为，但不刷新页面。
如何使用javascript或jquery实现它？
谢谢你的帮助。
浏览 1提问于2013-10-19得票数 0
我想在不刷新页面的情况下更改jquery中的url，一切都很好，但我不知道为什么它会刷新页面。
下面是我的jquery代码
$('#menu-custom-menu li a').click(function(){
var ntext = $(this).text();
ChangeUrl(ntext, ntext);
})
})
function ChangeUrl(page, url) {
if (typeof (history.pushState) != "un
浏览 13提问于2016-09-02得票数 0
我写了一段代码，用laravel提交一个没有页面刷新的表单，下面是我的代码： 我的观点是： <form action="{{ url('/admin/products/new') }}" method="post">
{{ csrf_field() }}
<div class="form-group row">
<label for="example-text-input" class="col-sm
浏览 20提问于2019-12-23得票数 0
我正在使用jquery countdown
我想在倒计时结束时刷新页面，并重新加载新的页面布局(在相同的url上)我想出了如何重定向，但我绞尽脑汁想出页面刷新到新的布局。
欢迎任何帮助！
浏览 1提问于2010-12-26得票数 1
在我的网站博客页面中添加了该页面URL中的查询字符串。我想从URL中删除查询字符串。所以我经常使用jquery，然后编写并添加到我的脚本中。它移除查询字符串，但继续刷新页面直到第九次。我曾经使用过“一个”jquery方法。这也不管用。
你能帮帮我吗
我的剧本是
jQuery(document).one('ready',function(){
window.location.href = window.location.href.split('?')[0];
});
浏览 1提问于2016-03-31得票数 9
回答已采纳
我创建了一个JQuery函数。我想在每次页面加载、页面刷新、回发和Ajax调用时刷新这个JQuery。我想在全局上使用这个文件，所以我不想在每个不同页面控件的事件上调用该函数。
当有回发或一些ajax调用时，我们如何刷新它。
$jQuery(function () {
alert("first");
$jQuery(".rddlInner").each(function () {
alert("inner");
});
});
浏览 2提问于2014-03-07得票数 0
回答已采纳
我希望通过jQuery将ID传递给urlstring，而不需要刷新jQuery和#标记，这样就可以通过php $_get['ID']函数获得ID。
但问题是
如果我使用#，页面就不会刷新，但是PHP会从url中选择ID。
如果我不使用#，那么php会选择ID，但是Page会被刷新。
我想在不刷新页面的情况下将id传递给php。
//javascript
function com(id) {
location.href = '#?ID=id'; //by this way way,page doesn't refresh, ID a
浏览 10提问于2012-12-01得票数 0
目前，我正在使用chrome.tabs.update来更改页面的url，在某些情况下，它立即刷新是非常好的。但是，有时id不想刷新页面，只需更改url。从我在google文档中读到的资料来看，我一直找不到这样的方法。
--有没有一种方法可以在不刷新页面的情况下更改url？
浏览 1提问于2016-02-19得票数 2
回答已采纳
当我使用ajax从jquery发布到C#时，我有无法解释的行为。
1)主页不是我在jQuery中请求的方法。
为了解决这个问题，我简单地在页面加载中放了一个if，这样如果一个特定的项目在查询字符串中，它就会触发一系列命令。它确实命中了if语句，并且可以很好地运行代码。有一些方法可以改变地图上的颜色。这些实际上从来没有发生过。我可以设置一个标签，它将经过它的正上方，但该标签保持未设置。
2)奇怪的是……我的页面有一个带有刷新功能的计时器。它刷新页面，现在处理更改。
下面是我在jQUery中调用我的方法的方式：
function mycmethod(param)
{
//
浏览 2提问于2014-09-27得票数 0
嗨，有多条路线的角应用程序。
导航到页面> queryParams触发订阅。
当im在页面中时，我需要更改页面中的queryParams，而不是再次触发订阅函数。(因为我不希望数据再次重新加载，因为当我导航到页面时已经有了数据，所以我只想在没有触发订阅的情况下更改params，所以如果用户点击刷新，页面将重新加载正确的url，订阅函数将作为页面的新导航)
我知道我可以使用快照，但我更喜欢使用可选属性。
还有想法？
浏览 10提问于2019-07-24得票数 3
回答已采纳
我有一个使用PHP构建的日历，上面有事件。
我正在使用jQuery UI来启用拖放来移动事件。.droppable()函数附加了一个回调函数，用于使用新信息更新数据库。但是日历需要刷新，以便从新的数据库值中读取。
你能用jQuery强制页面刷新吗？或者有更好的方法来做这件事？
浏览 0提问于2010-01-20得票数 3
回答已采纳
单击按钮后，我将更改window.location.href，即添加一个查询字符串参数。这会导致页面刷新(因为我正在更改window.location.href)。我想知道是否可以停止页面刷新并将查询字符串附加到url中？
浏览 2提问于2010-01-25得票数 4
回答已采纳
我有一个应用程序，我正试图为它创建一个Greasemonkey脚本。它利用大量的jQuery和AJAX动态加载内容。
我注意到，每次加载新项时，URL都会更改，即使页面不刷新。
在每次URL更改时，我是否可以在页面上放置一个监听器来重新启动脚本？
浏览 6提问于2013-09-24得票数 14
我有一个5x5网格的div框(其中25个)，当我在其中放置一个项目时，我使用jQuery UI进行注册。它将收到它被放入的框的标题和项目的名称，该部分起作用。
我想在不刷新页面的情况下将标题和名称传递给PHP (因为这样项目就会重置)。我得到了“成功！”但它似乎没有传递数据。
index.php
<script>
$(function() {
$( "li img" ).draggable({
snap: ".grid",
start: function (event, ui
浏览 5提问于2014-01-16得票数 0
回答已采纳
我正在使用jQuery UI打开弹出窗口，我想在窗口关闭后刷新父窗口。
在jQuery中，代码是
$("#submitBtn").click(function(){
location.reload();
});
然后出现带有以下窗口的页面。URL为https。我怎么才能避免这种情况。
提前感谢您的帮助，如果需要更多信息，请让我知道。
浏览 0提问于2012-07-12得票数 1
回答已采纳
好的，在明天早上之前我还有工作要做..
我正在做一些jquery。我加载了一些外部文件数据..
我真正想知道的是，当我通过jquery $.post /或$.get一些数据时，我将如何加载一些数据
将请求发送到jquery <a href="javascript:;" onclick="$.view.load('prices');">hey </a>
同时将url浏览器更改为ex。mywebsite.com/prices/，无需刷新页面
这是可能的吗?该怎么做？
// edit (not working)
<
浏览 0提问于2009-08-27得票数 1
我正在研究asp.net。我想在我的应用程序中实现部分发布。我的情况就像我不想在地址栏中更改url，甚至页面也不应该刷新。为此，我使用了脚本管理器和更新面板，但页面仍会刷新，url也会发生变化。
那么谁知道该怎么做呢？
谢谢
浏览 0提问于2010-07-23得票数 1
我用$(document).ready()编写了一些jquery，但是除非刷新页面，否则这些jquery代码不会在我的页面上运行。然后，它会在每次后续刷新时起作用。为什么会这样呢？
我只是添加了javascript和html标签，但我正在使用一个rails应用程序，我不确定这是否会使事情变得复杂。
浏览 0提问于2016-08-02得票数 0
回答已采纳
我想在不刷新页面或更改其url的情况下加载html页面。例如，如果我在http://localhost/sample/home，我想导航到“联系我们”页面，我点击“联系方式”链接，就会加载联系方式页面内容，而无需刷新页面或更改url。
如何做到这一点？
浏览 6提问于2012-08-01得票数 5
因此，在我的清单中，我引用了一个jQuery副本和我的内容脚本。
由于这会被附加到任何与我的url方案相匹配的页面的末尾(在本例中是每个http/https页面)，这个已经引用了某些版本的jQuery的页面会影响到这些页面吗？
浏览 0提问于2018-09-18得票数 0
回答已采纳
我使用jQuery的手风琴插件和哈希标签导航，但我遇到了一个问题。我网站的每一页都有一个手风琴小部件。我的主导航菜单第二层中的URL应该使用附带的散列标签打开手风琴的正确面板，它们的编写方式如下：
<li class="lvl2"><a href="/thepage.jsp#panel-3">panel 3</a></li>
问题是，如果你已经在看任何手风琴的一个面板，试着用第二级导航打开一个不同的面板不起作用。它将哈希标签传递到地址栏，但除非刷新页面，否则它不会打开手风琴面板。因此，我想我可以通过添加一些jQue
浏览 1提问于2010-10-21得票数 1
回答已采纳
2回答
我正在尝试加载新的链接，而不是使用html5 window.history.pushState()函数刷新页面。
一切正常，但是当我在Chrome或Firefox中打开inspect元素时，head标签和body标签都丢失了。我也不知道原因。
下面是我的代码：
function goto(event,el)
{
url=el.href;
event.preventDefault();
window.history.pushState('','',url);
$('html').load(url);
}
新的加载页面
浏览 11提问于2019-05-26得票数 0
我已经使用Jquery/Ajax/wp_pagenavi()在wordpress中进行了分页，它不需要重新加载页面，只刷新一个div来加载新内容，它工作得很好，但我也想更新部分URL --不需要重新加载第1页、第2页、第3页的page.With jQuery分页url。
我希望它看起来像标准分页：
将“/page/$paginated_page_number/”添加到基本URL myhost.com/download/category/
myhost.com/download/category/page/2/
myhost.com/download/category/page/3/
myhos
浏览 1提问于2012-04-29得票数 0
回答已采纳
5回答
我正尝试在不刷新页面的情况下提交此表单。我使用的是jquery；提交后，页面仍然会刷新。
$(function(){
$('#submit').click(function(){
$('#container').append('loading');
var sthis = $('#sthis').val();
$.ajax({
url: 'f.php' ,
type: 'POST',
data: 's
浏览 0提问于2011-11-24得票数 2
回答已采纳
嗨，我想在上刷新页面，改变我的复选框值的，把这个值添加到url中，因为查询字符串是我的代码
<select name="country_id" id="country" class="validate-select" title="Country">
<option value=""></option>
<option value="BH">Bahrain</option>
<option value="
浏览 6提问于2017-01-25得票数 0
回答已采纳
1回答
我正在使用MVC结构。我必须创建一个报告，可以通过下降过滤。我要用局部视图来显示报告。HEre是我想要实现的页面的结构。在页面顶部，将会有一些下拉列表。下面是报告的页面。
当用户从下拉列表中更改选项时，报告将被过滤。
我有两个问题。1.如何渲染部分页。2.如何通过ajax/jquery刷新部分页面。我想在客户端做这个。
我已在线检查，我正在呈现页面，如视图下面的代码所示。
<h3>Report</h3>
<div>
<table>
<tr>
<td>ServiceLine&l
浏览 4提问于2013-05-07得票数 3
回答已采纳
我们的页面正在刷新，因为它希望在每次页面加载时都要求用户输入。我只想将刷新时间从3000毫秒更改为100毫秒。 我是一个商业用户:)我没有访问开发人员和管理我们的网站是由第三方。我确实可以访问GTM。我想知道是否有一种方法可以阻止javascript运行或修改脚本中的值。 <script type="text/javascript">
jQuery(document).ready(function () {
var getloc = Mage.Cookies.get('storeb');
//var getloc
浏览 8提问于2018-12-25得票数 0
4回答
不带页面上传的头像图片上传
、、、、
我想在我的项目中添加一个头像图像上传功能，我想知道是否有任何AJAX/jQuery解决方案可以上传图像，而不需要在上传后刷新页面(图像会自动上传)。
浏览 1提问于2011-05-02得票数 1
回答已采纳
我使用'window.location.hash‘将'#something’添加到URL中，而不刷新页面。
我想知道如何做同样的事情，但使用斜杠(/)而不是散列(#)。
为什么？我有导航选项卡，并使用jQuery和Ajax动态加载数据。启用javascript后，将在URL末尾添加'#something‘以获取数据。当javascript被禁用时，它会重定向到‘/ to’。因此，我想为这两者伪造相同的URL。
而不是http://site.com/section#something -> http://site.com/section/something
谢谢。
浏览 1提问于2010-06-23得票数 4
回答已采纳
我的网页上有一个链接，上面写着“关于”。单击它将加载一个特定的div，而不会使用jquery .load()刷新整个页面。这不会更改浏览器地址栏中的URL字符串。
通过访问www.mydomain.com/?page=about可以访问相同的页面。
因此，我想要做的是，当用户单击“关于”链接时，页面将按原样加载(使用jquery)，但我还希望更改浏览器地址栏中的URL字符串，以便有人可以实际复制或书签确切的页面。
这样做有可能吗？？
浏览 3提问于2011-05-05得票数 6
回答已采纳
2回答
在我的wordpress站点上，我通过ajax加载我的帖子。
但是由于某些原因，页面每隔一段时间选择刷新，而不是通过ajax加载。
所以当我点击下一步时，下一篇文章就会完美地加载进来。然后在第二篇文章中，当我再次单击下一步时，页面会刷新。
你知道为什么它每隔一秒才刷新一次吗？
JS：
jQuery(document).ready(function() {
jQuery('.arrows a').click(function() {
var url = jQuery(this).attr('href');
jQuery('#
浏览 3提问于2014-11-14得票数 0
2回答
我找到了在按F5时用以下代码刷新我的文章div的方法。只有div的文章部分会被新内容替换。
但是，按下浏览器的刷新按钮会将文章div显示为一个新页面。它没有嵌入到主页中。这不是我想要的。我只想像按F5时那样刷新div。
是否有仅用于浏览器刷新按钮的jquery事件处理程序？
浏览 1提问于2018-04-26得票数 0
在Struts 2 jQuery插件项目中，考虑一个简单的JSP页面，其中包含一个JS文件。
<script type="text/javascript"
src="js/sample.js"></script>
当您查看实际请求的URL (例如使用Firefox firebug)时，您会发现URL末尾添加了13位数的a下划线：
localhost:8080/js/sample.js?_=1402322518885
当您刷新页面时，它将如下所示
localhost:8080/js/sample.js?_=1402322518886
浏览 3提问于2014-06-09得票数 2
回答已采纳
我想在不刷新页面的情况下异步删除记录，但是在单击破坏链接之后，事件会被异步删除，但问题是，除非我们刷新页面，否则它仍然显示在屏幕上。我不知道为什么会这样。任何帮助都是有价值的。
控制器代码：
def destroy
@event.destroy
respond_to do |format|
format.html { redirect_to events_url, notice: 'Event was successfully destroyed.' }
format.js
end
end
查看代码：
<tb
浏览 3提问于2015-09-24得票数 1
回答已采纳
当我写文本在文本框和按回车，然后我的页面刷新和URL更改，我是上传页面快照，你可以看到图像。这是我的JQgrid代码，当我在文本框中输入文本，然后在jQgrid中显示数据时。
输入文本框值并按键盘输入按钮时，如何停止页面刷新。
这是我的HTML和Jquery代码，我想在文本框中输入值并按enter，然后我的页面Regresh和页面链接发生更改时停止页面刷新
下面是页面链接
jQuery(document).ready(function($) {
jQuery("#searchAll").change(function() {
var $grid = $(
浏览 3提问于2018-07-13得票数 0
回答已采纳
我正在开发一个使用NEXT.JS和Redux的电子商务商店。因此，在产品列表页面中，我使用Price Low to High、Price High to Low和New Arrivals进行排序选择下拉列表。选择此选项后，我希望在不刷新页面和API调用的情况下更改URL。我已经尝试使用下面的代码，但它不工作，页面正在重新加载。
function sortBy(value) {
router.replace({
pathname: '/products/'+slug,
query: { sort: value }
})
d
浏览 2提问于2020-07-11得票数 12
回答已采纳
我正在开发这个应用程序，它在一个页面上有一个日历，里面有很多request.form("var")。这是一个月历，上面有上个月和下个月的日历。当我点击next month时，我会得到一个类似这样的URL：?date=8/14/2010我的问题是如何在不刷新页面的情况下通过jquery将这个值传递给日历。因为如果我使用页面刷新，我会丢失request.form("values")，希望我能让自己理解，谢谢
浏览 4提问于2010-07-15得票数 0
我真的不知道哈希的概念，但据我所知，当用户按下F5键时，它可以防止页面重定向到其他页面。
我有这个jquery函数：
$('#f1').click(function()
{
alert(window.location.hash);
$("#body").load("sample.php");
});
HTML：
<a href = "#!sample" id = "f1">FUNC 1</a>
<div id = "body">
<!--
浏览 2提问于2012-05-22得票数 1
回答已采纳
我想在没有<a>的当前href中添加一个活动类。
我有一份语言清单：
<ol>
<li>
<a data-value="en">English</a>
</li>
<li>
<a data-value="de">Deutsch</a>
</li>
<li>
<a data-value="nl">Nederlands&l
浏览 2提问于2013-02-24得票数 1
回答已采纳
我有一个aspx页面(URl类似于XYZ.aspx )，其中显示了一些10图像和数据以及图像的颜色作为page_load事件的过滤器，当单击该颜色过滤器时，我将进行ajax调用并获取相应的数据，替换旧数据并显示这些2,3图像结果。而且我的URL不会改变，因为它是ajax调用，如果我刷新页面(XYZ.aspx)，它将再次显示10个图像和数据。但是我想在执行ajax调用时将所选的颜色附加到url (比如XYZ.aspx/ color -)，如果我刷新具有url XYZ.aspx/Color-的页面，那么我可以在代码后面读取这些参数，并在page_load事件中显示与2,3图像和显示，而不是10图像
浏览 0提问于2016-10-25得票数 0
我有一个使用jQuery用.load()刷新的div。刷新后，新内容会出现在div中。然而，新内容中包含了jQuery，即使当内容加载到它自己的页面上时，它也不能工作。
div也在父窗口上，但是刷新div的jQuery代码在iframe中。代码调用top.document (父窗口)来刷新iframe外部的div。
我将在这里展示完整的代码：
这是名为test.php的主页。它只有一个简单的iframe，下面是当代码在iframe中告诉它时刷新的div。
<html>
<head>
</head>
<body >
<iframe src=&
浏览 0提问于2011-12-16得票数 2
我想在单击按钮时创建一个跟随/取消跟随用户。但是，当前代码仅在页面刷新之前有效。如果我刷新页面，将返回以下文本。我想让它在我刷新页面时取消跟随。
我的PHP中是否需要为用户提供一个会话？我必须为按钮创建一个值吗？它会记住多个用户的点击吗？
<button class="user">Follow</button>
<p></p>
$(document).ready(function() {
$.ajax({
type: 'POST',
url: 'echocurrent.php',
浏览 0提问于2018-06-11得票数 1
1回答
我有一个div，我想在模板中显示。
*ngIf="!isCalendarMode"
在我的TypeScript文件中，我声明了这个字段：
isCalendarMode = false;
subs = new Subscription();
ngOnInit() {
this.subs.add(this.router.events.pipe(filter(e => e instanceof NavigationEnd)).subscribe(_ => {
this.isCalendarMode = this.r
浏览 2提问于2022-02-16得票数 0
2回答
当使用jQuery提交表单时，是否可以将生成的页面(在提交之后)放在另一个HTML元素中？
我会试着让这一点更清楚。到目前为止，我一直在使用回调方法，其中包括
document.forms['form'].submit();
每当表单使用新信息更新并需要刷新时。但是，这会导致整个页面刷新。我正在使用jQuery实现部分页面刷新，并考虑使用以下内容
var newContent = jQuery('#form').submit();
jQuery('#div').load(newContent);
然而，这似乎不起作用，因为页面仍然完全刷新。内容是
浏览 1提问于2010-03-18得票数 4
回答已采纳
我有一个函数，我在一个名为"toggleCollapse“的按钮onclick事件上调用它。我想在单击时将按钮的内网文本从“折叠”更改为“展开”。下面的代码做到了这一点，但在此过程中也丢失了按钮的所有jquery移动样式。如何在不重新加载整个页面的情况下刷新按钮的样式，我只想刷新按钮的样式。
<a data-role="button" data-mini="true" data-icon="grid" iconpos="right" onclick="toggleCollapse()">Coll
浏览 1提问于2012-10-25得票数 0
回答已采纳
我在Ajax请求中设置了不存储缓存的属性。我还将查询字符串作为参数添加到URL中，以调用新的Ajax请求。但每当我刷新页面时，我都会看到页面上的旧内容。我总是必须硬刷新页面才能看到更新的内容。请求标头可以正确地传递到浏览器，这是我在ajax的属性中设置的。但为什么我总是必须硬刷新才能获得更新的内容。如何在页面刷新时加载新内容。我已经在下面粘贴了我的Ajax 用于设置属性的AJAX方法 $.ajaxPrefilter(function (options, originalOptions, jqXHR) {
if (options.type == 'POST
浏览 21提问于2019-09-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
