Javascript 中的更改无效

Question

--更新-- 原来我的浏览器正在缓存我的脚本。我不敢相信我在 15 分钟的谷歌搜索中找不到这一点..

我发现了一些我认为非常奇怪的东西。事实证明，我在脚本中写了什么甚至都没有关系！我正在使用 CodeIgniter

这是我的看法：

<script src="<?php echo base_url('/assets/js/ajax.js');?>"></script> 
<span id="dislike_error" style="color:red;"></span>

ajax.js 目前为空，但这是之前的代码：

$('#btn_dislike').click(function (){

    $.post("interact/"+challenge_id, {'action':'dislike'}, function(data){
        if (data == true){
            var old_likes_number=parseInt($('#dislike_number').text());
            var new_likes = old_likes_number+1;
            $('#dislike_number').text(""+new_likes);
        }
        else{
            $('#dislike_error').text('WTFF');
            //$('#dislike_error').html("You have already disliked this challenge.").


        }

    }).fail(function(){alert('Fail');});
}); 

这是为什么？我尝试关闭浏览器中的选项卡。我尝试重新启动浏览器。但不知何故，浏览器会记住之前的 Javascript？！

Answer 1

您的浏览器正在缓存您的脚本。在开发时自动重新加载缓存的东西。

• Chrome
• Firefox
• IE

Answer 2

清除浏览器中的缓存

或者..最好的方法是添加这个

# don't cache css or js, for debugging, only
<filesMatch "\.(css|js)$">
  ExpiresActive On
  ExpiresDefault "access"
  Header append Cache-Control "public"
</filesMatch>

到您的 .htaccess 文件，强制浏览器每次更新 css 和 js 文件，不过，您只希望在开发机器上这样做。