Changes in Javascript have no effect

Question

--UPDATE-- Turns out my browser is caching my scripts. I can't believe I couldn't find this out from 15 mins of Googling..

I've hit upon something I think is really weird. Turns out, it doesn't even matter what I write into the script! I'm using CodeIgniter

This is in my view:

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

ajax.js is currently empty but this is the code before:

$('#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');});
});

Why is this? I tried closing the tab in the browser. I tried restarting the browser. But somehow the browser remembers the Javascript that was there before?!

Sounds like the browser cached the file and isn't bothering to check with the server to see if it's been modified. Just hit Ctrl+F5 and that should fix it. — Niet the Dark Absol
– Niet the Dark Absol, Commented May 16, 2013 at 18:09
GET requests are cached. Caching 101. That is what makes the web faster. — epascarello
– epascarello, Commented May 16, 2013 at 18:09
Chrome seems to be some kind of buggy. I sometimes have to hit CTRL+F5 several times before it actually reloads my scripte. — MofX
– MofX, Commented May 16, 2013 at 18:31

Community · Accepted Answer · 2017-05-23 11:57:46Z

3

Your browser is caching your script. Auto-reload the the cached things in development time.

edited May 23, 2017 at 11:57

CommunityBot

11 silver badge

answered May 16, 2013 at 18:14

Mohayemin

3,8704 gold badges29 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

eidsonator · Accepted Answer · 2013-05-16 18:09:35Z

1

Clear your cache in your browser

Or.. The best way would be to add this

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

to your .htaccess file, to force the browser to update css and js files everytime, you'd only want this on a development machine, though.

answered May 16, 2013 at 18:09

eidsonator

1,3252 gold badges11 silver badges25 bronze badges

1 Comment

Ruan Mendes Over a year ago

You're better off telling your browser not to cache it, no risk of leaving it in there by accident

Collectives™ on Stack Overflow

Changes in Javascript have no effect

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related