js局部刷新和本地刷新

最新推荐文章于 2023-04-03 17:00:22 发布

jhaaai

最新推荐文章于 2023-04-03 17:00:22 发布

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript jquery 文章标签： js 局部刷新本地刷新

本文链接：https://blog.youkuaiyun.com/jhaaai/article/details/83931249

javascript 同时被 2 个专栏收录

5 篇文章

订阅专栏

jquery

4 篇文章

订阅专栏

本文介绍了使用Ajax实现局部页面刷新的方法，通过点击事件获取订单号并发送POST请求，利用jQuery的load方法实现指定元素的刷新。同时，探讨了本地刷新及页面自动定时刷新的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 使用ajax进行局部刷新

$('#btn').click(function(){
    var orderid = $(this).attr('data-order');//获取订单号
    $.post(url,{orderid:orderid},function(data){
        if(data=='success'){
                 /*局部刷新
                  * 根据对应的id刷新
                  * */
                 ("#finish").load(location.href+" #finish");
          );
    )
)

注意location.href后边跟选择器id的话，要加空格

window.location.reload(); //刷新当前页面

2. 本地刷新

<a href="javascript:history.go(-1)">返回上一页</a>

<a href="javascript:location.reload()">重载页面，本地刷新</a>

<a href="javascript:history.go(-1);location.reload()">返回上一页重载页面，本地刷新</a>

3. 页面自动定时刷新

<meta http-equiv="refresh" content="15">

“conent”中设置秒数