0

I have a page which auto refreshes using javascript and it refreshes with all the parameters in the URL, eg. server/ViewRoom.aspx?RoomID=5&ConfirmID=4834 I would only want to keep the RoomID parameter.

My code at the moment: 

   <script type="text/javascript">
     var timeout = setTimeout("location.reload(true);", 50000); // How often do you want the initial page to refresh?
     function resetTimeout() {
         clearTimeout(timeout);
         timeout = setTimeout("location.reload(true);", 50000); // How often do you want the page to refresh?
     }
   </script>

How do I go about only selecting the RoomID query string for reload

Corbin Spicer
  • 285
  • 1
  • 8
  • 26
  • you can try `location.search = location.search.substring(0,location.search.indexOf('&'))`, if `RoomID` always first parameter – Grundy Dec 18 '13 at 14:20
  • I dont think so, you can achieve that with `.reload()`, because `.reload()` just loads the current page and has no control over the url . instead what u can do is, extract the current page url, remove the unneccessary parameters from it and then load that page via js – dreamweiver Dec 18 '13 at 14:26
  • You can combine answers from [similar question](http://stackoverflow.com/questions/5448545/how-to-retrieve-get-parameters-from-javascript) and `location.href` instead of `location.reload`. BTW, do you **really** need to refresh page by JavaScript? – Ginden Dec 18 '13 at 15:19

2 Answers2

2

As Edmund24 mentioned, you shouldn't need to clear the timeout since you're reloading the page, so then our code looks like:

<script type="text/javascript">
  var timeout = setTimeout("location.reload(true);", 50000);
</script>

Similarly, we don't need to keep track of the handler id, so we can disregard storing that:

<script type="text/javascript">
  setTimeout("location.reload(true);", 50000);
</script>

The major issue with Edmund's code is that, in the case that the RoomID query string is not the first query string in the URL, this will not behave as you expected. So instead, we need to go explicitly search for and grab the query string that contains 'RoomID':

<script type="text/javascript">
  setTimeout(function () {
    var domain = location.href.split('?')[0],
        queryStrings = location.href.split('?')[1].split('&'),
        roomIDqs;

    queryStrings.forEach(function (e, i, a) {
      if(~e.indexOf('RoomID')) roomIDqs = e;
    });

    location.href = domain + roomIDqs;

  }, 50000);
</script>

I haven't tested this code, but this should be the idea.

Notes:

  • ~.indexOf('other string') is a shortcut for contains(), since javascript doesn't have a built-in contains() method.
  • Array.foreach(function (e, i, a){}) -- the callback function is automatically passed the current element (e), the current index (i), and the complete array (a). We use e here to talk about the current query string.
milieu
  • 36
  • 3
  • what if after something user actions we need reset timeout? :-) – Grundy Dec 18 '13 at 15:17
  • In that case, yes, we would need to store the handler ID. But the question didn't ask anything concerning that, so I excluded it from my response. – milieu Dec 18 '13 at 15:23
0

I don't think you need clear timeout since reload occurs.

<script type="text/javascript">
    setTimeout( function () { location.href = location.href.split('&')[0]; }, 50000);
</script>

The code above imitates refrash by passing modified href (everything after first & is removed) href of your current location

Edmund24
  • 26
  • 4