如何使用 jQuery 刷新页面?

这篇具有很好参考价值的文章主要介绍了如何使用 jQuery 刷新页面?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问:

如何使用 JavaScript 刷新页面?

答1:

huntsbot.com高效搞钱,一站式跟进超10+任务平台外包需求

使用 location.reload()。

例如,要在单击带有 id=“something” 的元素时重新加载:

$('#something').click(function() {
    location.reload();
});

reload() 函数采用可设置为 true 的可选参数,以强制从服务器而不是缓存重新加载。该参数默认为 false,因此默认情况下页面可能会从浏览器的缓存中重新加载。

这对我不起作用。这虽然有效:window.location.href=window.location.href;

这对我不起作用。 window.location.href=window.location.href; 和 location.href=location.href; 工作。

window.location.reload(true); 将硬刷新,否则默认为 false

只需运行 window.location.reload()!

@FaridAbbas location.reload(); 是标准的 JavaScript。你不需要 jQuery。

答2:

与HuntsBot一起,探索全球自由职业机会–huntsbot.com

有多种使用 JavaScript 刷新页面的无限方法:

location.reload() history.go(0) location.href = location.href location.href = location.pathname location.replace(location.pathname) location.reload(false) 如果我们需要从网络上提取文档-再次服务器(例如文档内容动态更改的位置),我们会将参数作为 true 传递。

您可以继续创建有创意的列表:

窗口位置 = 窗口位置

window.self.window.self.window.window.location = window.location

…和其他 534 种方式

var方法= [“location.reload()”,“history.go(0)”,“location.href = location.href”,“location.href = location.pathname”,“location.replace(location.pathname) “, “location.reload(false)” ]; var $body = $(“body”); for (var i = 0; i < methods.length; ++i) { (function(cMethod) { b o d y . a p p e n d ( body.append( body.append((”", { text: cMethod }).on(“click”, function() { eval(cMethod); // 不要怪我使用 eval })); })(methods[i]); } 按钮 { 背景:#2ecc71;边框:0;白颜色;字体粗细:粗体;字体系列:“摩纳哥”,等宽;填充:10px;边框半径:4px;光标:指针;过渡:背景色 0.5s 缓动;边距:2px; } 按钮:悬停 { 背景:#27ae60; }

列表和 jsfiddle +1。我有一个问题,在 jsfiddle 1 和 6 中,使生成的页面在重新加载时消失片刻,而 2-5 使页面重新加载“不明显”。在 chrome 的开发工具中,我可以看到正在重新生成的页面,但是你能解释一下重绘过程是不同的吗?请。先感谢您。

@Cԃաԃ我看不出有什么区别......也许缓存是问题?我很快就会看看。

1 和 6 (reload()/(false)) 较慢。嗯。有趣的。 :) 和 1 和 6 相同,reload() 的默认参数是 false。

location.href = location.href 是我通常使用的,但感谢其他人。很有用! +1

@Cԃաԃ 最后我可以重现你所看到的,我问了here。

答3:

huntsbot.com – 程序员副业首选,一站式外包任务、远程工作、创意产品分享订阅平台。

这适用于 all browsers:

location.reload();

如果您想知道它的支持程度,这里是 Can I use?

答4:

huntsbot.com洞察每一个产品背后的需求与收益,从而捕获灵感

我想很多方法都会奏效:

window.location.reload();

历史.go(0);

window.location.href=window.location.href;

如果您的网址在 example.com/something#blah 末尾有 #/hashbang,则此 window.location.href=window.location.href; 将什么都不做:

如果有人想知道 location.reload() 和 history.go(0) 之间的区别是什么:没有。 HTML 5 规范的相关部分 w3.org/TR/html5/browsers.html#dom-history-go 明确规定它们是等效的:“当调用 go(delta) 方法时,如果方法的参数被省略或值为 0,则用户代理必须就像调用了 location.reload() 方法一样。”

唯一对我有用的是这个:window.location.href=window.location.href;

window.location.href=window.location.href 为我工作

答5:

huntsbot.com – 高效赚钱,自由工作

要使用 jQuery 重新加载页面,请执行以下操作:

$.ajax({
    url: "",
    context: document.body,
    success: function(s,x){
        $(this).html(s);
    }
});

我在这里使用的方法是 Ajax jQuery。我在 Chrome 13 上对其进行了测试。然后我将代码放入将触发重新加载的处理程序中。 URL 是 “”,表示此页面。

投反对票。这并没有真正回答问题,而是展示了如何用 Ajax 响应替换页面的 HTML。这与重新加载页面不同:例如,我现在正在处理一种情况,这无法解决原始问题。

像这样重新加载整个 HTML 的一个问题是必须手动调用 onload/ready 事件并减轻对先前声明的变量的覆盖,您可能希望在刷新后保留其状态。

除非你对你的代码非常小心,否则这将导致内存泄漏,你已经附加了事件处理程序等,而在替换它们所附加的代码之前没有分离它们。

我正在使用它每秒重新加载我们的仪表板,零闪烁!这是穷人的彗星/json api。感谢@DanielLlewellyn 等人。用于警告。

一些人评论说,这种方法对于只刷新页面的一部分很有用。它不是。我认为那些人误解了 $.ajax 的 context 参数并期望它以某种方式执行某种魔术。它所做的只是set the this value of callback functions。对 "" 的 URL 的 Ajax 将访问您当前所在的 URL,因此通常会加载完整的 HTML(包括 和 和 ),并且此答案中的任何内容都不会过滤掉您不使用的内容不想。

答6:

huntsbot.com全球7大洲远程工作机会,探索不一样的工作方式

如果当前页面是由 POST 请求加载的,您可能需要使用

window.location = window.location.pathname;

代替

window.location.reload();

因为如果在由 POST 请求加载的页面上调用 window.location.reload() 将提示确认。

但是,这将丢失查询字符串,而 window.location = window.location 不会

但是,@mrmillsy window.location = window.location 也不完美;如果当前 URL 中有一个脆弱的(hashbang),它什么也不做。

答7:

huntsbot.com – 程序员副业首选,一站式外包任务、远程工作、创意产品分享订阅平台。

问题应该是,

如何使用 JavaScript 刷新页面

window.location.href = window.location.href; //This is a possibility
window.location.reload(); //Another possiblity
history.go(0); //And another

你被宠坏了。

答8:

保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com文章来源地址https://www.toymoban.com/news/detail-415772.html

您可能想使用

location.reload(forceGet)

forceGet 是一个布尔值且可选。

默认值为 false ,它从缓存中重新加载页面。

如果您想强制浏览器从服务器获取页面以摆脱缓存,请将此参数设置为 true。

要不就

location.reload()

如果您想快速轻松地使用缓存。

答9:

huntsbot.com提供全网独家一站式外包任务、远程工作、创意产品分享与订阅服务!

具有不同缓存相关行为的三种方法:

location.reload(true) 在实现 location.reload() 的强制重载参数的浏览器中,通过获取页面及其所有资源(脚本、样式表、图像等)的新副本来重新加载。不会从缓存中提供任何资源 - 从服务器获取新副本,而不在请求中发送任何 if-modified-since 或 if-none-match 标头。相当于用户在可能的情况下在浏览器中进行“硬重新加载”。请注意,Firefox(请参阅 MDN)和 Internet Explorer(请参阅 MSDN)支持将 true 传递给 location.reload(),但不受普遍支持,并且不是 W3 HTML 5 规范、W3 草案 HTML 5.1 规范的一部分,也不是WHATWG HTML 生活标准。在不支持的浏览器(如 Google Chrome)中,location.reload(true) 的行为与 location.reload() 相同。

location.reload() 或 location.reload(false) 重新加载页面,获取页面 HTML 本身的新的、非缓存的副本,并对浏览器缓存的任何资源(如脚本)执行 RFC 7234 重新验证请求,甚至如果它们是新鲜的,则 RFC 7234 允许浏览器在不重新验证的情况下为它们提供服务。据我所知,没有指定或记录浏览器在执行 location.reload() 调用时应该如何使用其缓存;我通过实验确定了上述行为。这相当于用户只需在浏览器中按下“刷新”按钮。

location = location(或涉及分配给 location 或其属性的无数其他可能的技术)仅在页面的 URL 不包含脆弱/hashbang 时才有效!重新加载页面而不从缓存中重新获取或重新验证任何新资源。如果页面的 HTML 本身是新鲜的,这将重新加载页面而不执行任何 HTTP 请求。这相当于(从缓存的角度来看)用户在新选项卡中打开页面。但是,如果页面的 URL 包含哈希,这将无效。同样,据我所知,这里的缓存行为是未指定的;我通过测试确定了它。

因此,总而言之,您要使用:

location = 最大使用缓存的位置,只要页面的 URL 中没有散列,在这种情况下,这将不起作用

location.reload(true) 在不重新验证的情况下获取所有资源的新副本(尽管它不是普遍支持的,并且在某些浏览器(如 Chrome)中的行为与 location.reload() 没有什么不同)

location.reload() 以忠实再现用户单击“刷新”按钮的效果。

+1 位置 = 位置;尽管它比提供的大多数答案短,但似乎没有多少人建议它,唯一的缺点是我猜它的可读性,而 location.reload() 更具语义

@Brandito 更重要的是,如果 URL 中有哈希,则 location = location 不起作用。对于任何使用 fragid 的站点——甚至对于任何链接到页面的人可能会在 URL 中添加一个 fragid 的站点——这都会使其损坏。

答10:

一个优秀的自由职业者,应该有对需求敏感和精准需求捕获的能力,而huntsbot.com提供了这个机会

window.location.reload() 将从服务器重新加载,并再次加载您的所有数据、脚本、图像等。

因此,如果您只想刷新 HTML,window.location = document.URL 将返回更快且流量更少。但如果 URL 中有井号 (#),它将不会重新加载页面。

这种行为在 Chrome 中是正确的,至少 - location.reload() 强制重新验证缓存资源,即使没有参数,而 window.location = document.URL 很乐意提供缓存资源而无需访问服务器,只要它们是新鲜的。

答11:

打造属于自己的副业,开启自由职业之旅,从huntsbot.com开始!

jQuery Load 函数还可以执行页面刷新:

$('body').load('views/file.html', function () {
    $(this).fadeIn(5000);
});

不,这不是页面刷新。

原文链接:https://www.huntsbot.com/qa/yOQ6/how-can-i-refresh-a-page-with-jquery?lang=zh_CN&from=csdn

保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

到了这里,关于如何使用 jQuery 刷新页面?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • SpringMVC中使用引入jquery不能加载页面

    今天在学习springMVC的json数据绑定时,需要使用到jquery发送ajax请求。但是当我通过是script标签引入了jquery.js。 但是当我访问该jsp的时候就是不显示页面的内容 我一直以为时SpringMVC的servelt拦截器拦截了静态资源,但是我过滤了静态资源还是不显示。 后来才发现,我把script当作

    2023年04月09日
    浏览(54)
  • vue 如何实现页面操作之后自动刷新

    近半年时间在接触vue写pc页面,文中内容即在实际的开发过程中遇到的实际问题。 需要在app.vue文件按照如下代码设置 然后在具体的页面的export default中,新增下面一行设置  然后在其他接口调用完毕之后,执行下面语句,也就是你想在什么操作之后进行刷新重载页面,加上下

    2024年02月11日
    浏览(36)
  • 微信小程序如何返回到上一个页面,并刷新页面呢?

    前言  小程序如何返回到上一个页面,并刷新页面呢? 在普通的html页面,很简单,不用操作都可以实现。因为浏览器返回会自动刷新。 但是小程序返回是不会自动刷新上一个页面的。所以需要一点点技巧。  入图第一个页面跳转第二个页面 在第二个页面修改数据,返回第一

    2024年02月11日
    浏览(55)
  • 前端部署发布项目后,如何通知用户刷新页面、清除缓存

    以下只是一些思路,有更好的实现方式可以留言一起交流学习 方式一:纯前端 在每次发布前端时,使用webpack构建命令生成一个json文件,json中写个随机生成的一个字符串(比如时间戳),每次打包程序都会自动更新这个json文件。 在项目中,通过定时任务或者在切换页面路由

    2024年02月05日
    浏览(54)
  • H5如何做页面下拉刷新和上拉加载

    这里以vant为例 结构 处理方法

    2024年02月10日
    浏览(42)
  • 基于uniapp的微信小程序如何刷新页面(绝对有效)

    由于我的毕业设计就是用uniapp写的微信小程序。 碰到了这样的问题,查了许多资料,最终找到了这样的方法。 现在写出来给大家节约时间和精力。 就是用uni.redirectTo 实现页面跳转从而实现页面刷新 注意:这不能刷新tabBar页面 不要傻乎乎的用在tabBar上 跳转到tabBar页面只能使

    2024年02月11日
    浏览(52)
  • 在浏览器的舞台上演:前端如何挑战页面刷新的极限

    在无尽的数字海洋中,用户和浏览器之间建立了一座看不见的桥梁,连接了网页的现实与虚拟。而在这座桥上,JavaScript像是一位魔法师,可以通过各种巧妙的技巧,让页面焕然一新,展示出绚丽的景象。 这个博客将带你走进前端的奇妙世界,揭示页面刷新的幕后秘密。从简

    2024年02月04日
    浏览(42)
  • vue keep-alive(1):vue router如何保证页面回退页面不刷新

    在构建SPA应用时,经常遇到的场景就是列表页面 跳转到详情页,但是详情页面回退到列表页面,列表页面有重新刷新了。 如何保证回退的时候不刷新页面呢?keep-alive是一个非常好的解决方案(当然你也可以以子路由,以绝对定位形势覆盖上去*_*)。 keep-alive是Vue的内置组件

    2024年02月08日
    浏览(41)
  • uniapp刷新页面后使用uni.navigateBack()无法返回上个页面

    最近写uniapp项目的时候发现有时候需要更新页面数据,我是用h5强制刷新页面后就无法返回上一个页面,查了文档后发现是页面栈丢失问题。百度看了很多大佬们的方法,方法基本一致,使用原生JS的history对象,封装一个兼容uniapp api和原生js的返回的方法。在此记录一下 方法

    2024年02月15日
    浏览(52)
  • uniapp使用navigateBack方法返回上级页面并刷新

    分析:一般调用 navigateBack 返回上一页时有两种情况 不需刷新:查看内容,状态未改变. 需刷新:在第二页编辑后,上一页列表中与之对应的数据状态一起改变 目前想出的方案是在回退之前修改上页判断条件,回退后重新获取判断条件在决定是否刷新。 示例: 详情页 修改状态成功后

    2024年02月03日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包