0

I have an a link tied to a refresh icon that calls a backend function to reload a section of the page and grab new results to display to the client end.

the function itself works just fine. I now want to automate it in JavaScript to fire off like every 30 seconds.

This is the current link I have:

<a data-ajax="post" data-ajax-callback="PagingCallBack" data-ajax-start="PagingStart" href="@Url.RouteUrl("Engagement", new { controller = "Campaign", action = "PageRefresh", queryID = Model.QueryID, campaignID = Model.CampaignID })" title="Refresh Row">
<img class="rowGrabber" src="/images/actions/refresh.png" height="20" width="20" alt="Refresh Row" title="Refresh Row" />
</a>

how would i take that and set it into a javascript function and call it every 30 seconds or so.

I looked at this response here and it's similar to what I'm looking for I just don't know the call syntax to make it work properly. How to fire AJAX request Periodically?

Community
  • 1
  • 1
user2448701
  • 17
  • 1

2 Answers2

0

Add a way to identify your anchor tag (in this example add class="refresh-link" to you a tag or use your own class or id then simply use something like the following:

which will trigger the link every 30 seconds

window.setInterval(function() {
    $(".refresh-link").trigger('click');
}, 30000);
Mark
  • 2,454
  • 4
  • 26
  • 29
0

Try using the setInterval:

setInterval(function(){
   //Your Ajax request or call your function here
   }, 30000); //30000 is the number of milliseconds
Dumisani
  • 2,988
  • 1
  • 29
  • 40