如何不刷新页面而刷新页面中某个文件

最新推荐文章于 2021-06-03 02:23:55 发布

lucyyang2008

最新推荐文章于 2021-06-03 02:23:55 发布

阅读量366

点赞数 1

分类专栏：前端开发文章标签：无刷新异步加载 jquery

前端开发专栏收录该内容

8 篇文章

订阅专栏

本文介绍了三种不同的网页资源动态刷新方法，包括通过修改脚本源链接参数实现即时更新、使用Ajax请求忽略缓存加载最新数据及监听页面加载事件加载外部脚本等。这些方法能够帮助开发者解决网页内容频繁变动时的资源更新难题。

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

转载地址：http://bbs.youkuaiyun.com/topics/310038822

方法1

HTML code

在需要刷新时，调用一下就可以。

如果页面中会重复调用多次，注意URL会越来越长，可将原始 src 内容存入一变量，调用时引用变量

方法2

1.首先要确定你有没做缓存.如果有.只能把SRC路径改掉才能reload
2.ajax可以设置不看缓存load.例如在jquery中.

jQuery 代码:

$.ajax({
  url: "test.html",
  cache: false,//false为不读缓存.
  success: function(html){
    $("#results").append(html);
  }
});

方法 3

function addListener(element, eventType, listener){
    if (element.addEventListener) {
        element.addEventListener(eventType, listener, false);
    } else if (element.attachEvent) {
        element.attachEvent('on' + eventType, listener);
    } else {
        element['on' + eventType] = listener;
    }
}
 
// 用于页面加载完成之前，调用时需要放在HTML的顶部
function loadJS(url){
    addListener(window, 'load', function(){
        addJS(url);
    });
}