refresh JS Script without reloading the page

Question

I'm using a free weather forecast widget in my website.

<script type="text/javascript" src="http://tools.tititudorancea.com/weather_forecast.js?place=zurich_2&amp;s=1&amp;days=5&amp;utf8=no&amp;columns=5&amp;temp=c"></script>
<div style="font: 10px Arial, sans-serif; color: #000000" align="right">
<a href="http://www.tititudorancea.com/z/weather.htm">Weather forecast</a> provided by <a href="http://www.tititudorancea.com/">tititudorancea.com</a></div>

My webpage will never reload itself and then the weather will never be updated. Is there a way to refresh the javascript without refreshing the all page?

Thanks in advance

elclanrs · Accepted Answer · 2013-05-26 12:50:41Z

2

You can just add a bogus query var at the end of the url to force a refresh. Add an id to your script tag first then try this:

var weather = document.getElementById('weather');

weather.src += '&bogus='+ new Date(); // init

setInterval(function() {
  weather.src = weather.src.replace(/&.+$/, '&bogus='+ new Date());
}, 1000);

answered May 26, 2013 at 12:50

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

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

1 Comment

LotuX Over a year ago

I tried your solution, but sadly it didn't work, the weather is not updating it self. Any Idea?

LotuX · Accepted Answer · 2013-09-05 08:56:55Z

Here is the solution I found.

var weatherURLSite = "http://tools.tititudorancea.com/weather_forecast.js?place=$placeID$&s=1&days=5&utf8=no&columns=5&temp=c";    
var specificWeather = weatherURLSite.replace("$placeID$", value);   
$.ajax({
            type: "POST",
            async: false,
            url: weatherURL,
            data: { url: specificWeather }
        }).done(
            function (content) {
                var li = "<li id='" + value + "'>" + content + creditsDiv + "</li>";
                $("#weather").append(li);                   
            });

And I added a timer to do the refresh periodically

var weatherTimer = self.setInterval(function () { GetReloadWeather('@Url.Action("GetWeather","Weather")'); }, 3600000);

yuliskov · Accepted Answer · 2015-11-08 18:53:00Z

0

In my project I ended up with jQuery 'replaceWith' function

jQuery("script").eq(2).replaceWith('<script type="text/javascript" src="/state.js"></script>');

answered Nov 8, 2015 at 18:53

yuliskov

1,51717 silver badges17 bronze badges

Collectives™ on Stack Overflow

refresh JS Script without reloading the page

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related