Автоматическое обновление таблицы при нажатии кнопки

Question

У меня есть таблица на странице. Я хочу постоянно обновлять/перезагружать таблицу на кнопке для каждые 5 секунд.

Таблица получает значения из запроса, запущенного в модели, и я не хочу, чтобы повторяющиеся значения были снова помещены в таблицу.

Я также хочу, чтобы остановил перезагрузку таблицы, когда я нажимаю на другую кнопку, которая является кнопкой остановки.

Как это сделать? Благодаря!

Answer 1

Когда вы нажмете на функцию интервала первого набора кнопок, которая выполнит ваш скрипт обновления. И нажмите на другую кнопку, чтобы очистить этот интервал.

// Click on first button 
var flag = setInterval(func, 5000); 

// Click on second button 
clearInterval(flag); 

где функ ваша функция обновления

Answer 2

Попробуйте, что, если это возможно.

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
using bhanu1.Models; 
namespace bhanu1.Controllers 
{ 
    public class ranuController : Controller 
    { 
     // 
     // GET: /ranu/ 
     private personEntities1 per = new personEntities1(); 
     public ActionResult Index() 
     { 
      return View(per.sandeep1.ToList()); 
     } 
     // 
     // GET: /ranu/Details/5 
     public ActionResult Details(int id) 
     { 
      return View(); 
     } 
     // 
     // GET: /ranu/Create 
     public ActionResult Create() 
     { 
      return View(); 
     } 
     // 
     // POST: /ranu/Create 
     [HttpPost] 
     public ActionResult Create([Bind(Exclude = "Id")]sandeep1 san) 
     { 
      try 
      { 
       // TODO: Add insert logic here 
       per.AddTosandeep1(san); 
       per.SaveChanges(); 
       return RedirectToAction("Index"); 
      } 
      catch 
      { 
       return View(); 
      } 
     } 
     // 
     // GET: /ranu/Edit/5 
     public ActionResult Edit(int id) 
     { 
      return View(); 
     } 
     // 
     // POST: /ranu/Edit/5 
     [HttpPost] 
     public ActionResult Edit(int id, FormCollection collection) 
     { 
      try 
      { 
       // TODO: Add update logic here 
       return RedirectToAction("Index"); 
      } 
      catch 
      { 
       return View(); 
      } 
     } 
     // 
     // GET: /ranu/Delete/5 
     public ActionResult Delete(int id) 
     { 
      return View(); 
     } 
     // 
     // POST: /ranu/Delete/5 
     [HttpPost] 
     public ActionResult Delete(int id, FormCollection collection) 
     { 
      try 
      { 
       // TODO: Add delete logic here 
       return RedirectToAction("Index"); 
      } 
      catch 
      { 
       return View(); 
      } 
     } 
    } 
}