自动执行视图中的ajax调用

本文关键字:ajax 调用 视图 执行 | 更新日期: 2023-09-27 17:50:41

我有一个与刷新图标绑定的链接,该图标调用后端函数来重新加载页面的一部分并获取新结果以显示给客户端。

函数本身工作得很好。我现在想让它在JavaScript中自动化,每30秒触发一次。

这是我的当前链接:

<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>

我该如何把它设置成一个javascript函数并每30秒左右调用一次呢

我在这里看了这个响应,它与我正在寻找的类似,我只是不知道调用语法使其正常工作。如何定期触发AJAX请求?

自动执行视图中的ajax调用

添加一种方法来识别您的锚标记(在本例中添加class="refresh-link"给您一个标记或使用您自己的类或id,然后简单地使用如下内容:

将每30秒触发一次链接

window.setInterval(function() {
    $(".refresh-link").trigger('click');
}, 30000);

尝试使用setInterval:

setInterval(function(){
   //Your Ajax request or call your function here
   }, 30000); //30000 is the number of milliseconds