1

我需要在我的一个 MVC 应用程序中实现自动刷新，但我遇到了一些问题。当我使用 jquery.get() 和部分视图执行自动刷新逻辑时，它在 Chrome 和 Opera（最新版本）中完美运行，但在 IE 9 中不起作用。我花了大约一天时间试图弄清楚问题，但无济于事。

我做了一个小测试应用程序，只是为了测试所有浏览器中的自动刷新功能。我对这个应用程序有同样的问题。

我已经附上了下面的代码，如果有人能告诉我我的代码有什么问题，我将不胜感激？如果您需要更多信息，请告诉我。

谢谢，阿比。

索引.cshtml

@model IEnumerable<AutoRefreshInMVC.Views.ViewModels.HomeIndexModel>
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.7.2-vsdoc.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.7.2.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.20.min.js" type="text/javascript"></script>
<title>Index</title>
<script type="text/javascript">
    function refresh() {
        $.get('/Home/_Quotes', function (result) {

            $('#refreshme').html(result);
        });
    }

    $(document).ready(function () {
        setInterval("refresh();", 10000);
    });
</script>
</head>
<body>
<div id="refreshme">
    @Html.Partial("_Quotes", Model)
</div>

家庭控制器

public class HomeController : Controller
{
    //
    // GET: /Home/
    public ActionResult Index()
    {
        List<HomeIndexModel> model = new GetQuotes().GetData();

        return View(model);
    }

    private static List<HomeIndexModel> GetData()
    {
        List<HomeIndexModel> model = new GetQuotes().GetData();
        return model.OrderByDescending(i => i.Change).ToList();
    }

    public ActionResult _Quotes()
    {
        List<HomeIndexModel> model = GetData();
        return View(model);
    }
}

_Quotes.chtml

@model IEnumerable<AutoRefreshInMVC.Views.ViewModels.HomeIndexModel>
<table id="tblIndex">
<tr id="header">
    <th>
        Code
    </th>
    <th>
        LastValue
    </th>
    <th>
        CurrentValue
    </th>
    <th>
        Change
    </th>
</tr>
@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Code)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.LastValue)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.CurrentValue)
        </td>
        <td class="Change">
            @Html.DisplayFor(modelItem => item.Change)
        </td>
    </tr>

}

4

2 回答 2

2

我在这些方面遇到了一些问题，使用 jquery 速记$.get和$.post结果与缓存相关的方法。

尝试用禁用缓存$.get的等效项替换您的，即$.ajax

$.ajax({
  url: '/Home/_Quotes',
  success: function (result) {
              $('#refreshme').html(result);
           },
  cache: false
});
于 2012-05-30T23:56:12.993 回答
2

setInterval 应如下所示：

setInterval(refresh(), 10000);

另外，请注意您的调用可能会被缓存，因此您可能希望在 _Quotes 方法上放置一个 OutputCache 属性。

于 2012-05-30T16:35:37.330 回答