javascript - 按间隔更新 Div/PartialView

Question

我有这个进行 Ajax 调用并返回结果并且工作正常。

@foreach (var fighter in Model.Fighters)
{
@Ajax.ActionLink(fighter.FirstName + " " + fighter.LastName, "ShowResults",new            {id        =fighter.FighterID }, new AjaxOptions { HttpMethod = "get", InsertionMode = InsertionMode.Replace, OnSuccess = "SuccessFunction", UpdateTargetId = "results" })
}
<div id="results">
@Html.Partial("Partial1", Model)
</div>

 [HttpGet]
    public ActionResult ShowResults(int id)
    {
        ViewBag.Id = id;
        Fight fight = db.Fights.Find(id);
        if(Request.IsAjaxRequest())
        {
            ViewBag.Message = "The ID is: " + id;
            return PartialView("Partial1", fight);
        }
        return View(fight);
    }

但是，我正在尝试做同样的事情，但要在设定的时间间隔内重新加载部分视图。我确实这样做了：

 $(document).ready(function () {

    $("#round").load("/Fight/ShowResults");

    setInterval(function () {
        $("#results").load("/Fight/ShowResults");
    }, 100000); //Refreshes every 30 seconds

    $.ajaxSetup({ cache: false });  //Turn off caching
});
</script>

但似乎什么也没做。有任何想法吗？

Answer 1

我解决了这个问题，我有很多问题需要解决。在问之前我应该​​仔细看看。这不会运行的原因是因为我需要在布局页面中创建一个脚本部分，因为我试图运行 RenderBody 部分的这个脚本。