javascript - IE 不更新 Asp.Net MVC3 部分 View

Question

我有一个页面，其中包含通过 ajax 请求返回的部分 View 的 div。

    $.ajax({
        url: 'CompleteSessions',
        success: function (data) {

            var selector = $('#complete-session-section');
            if (data.length > 0) {
                selector.html(data);
            }
            else {
                selector.append($(document.createElement('option')).html('No assessments'));
            }
        }
    });

局部 View 本身有一个模型，并根据返回的 session 数构造一个组合框。

    @using SmartQWeb.Models.Entities
@using SmartQWeb.Runtime;
@model IEnumerable<Session>


<span class="dropdown">
<select style="width: 75%" id = "complete-session-selector">
    <option id="-1">Select a Session</option>
    @foreach (Session session in Model.OrderByDescending(date=>date.StartTime))
    {
        if (session.Assessment != null)
        {
            <option id="@session.AssessmentId" value="@session.Id" title="Administered by: @session.User.Name" data-assessmentId="@session.AssessmentId">@session.Participant.AliasLookup.AliasId - @session.StartTime  </option>
        }
    }
</select>


</span>

问题是，仅对于 IE，首次加载页面时下拉列表不会正确更新。我必须按 F5(有时控制 F5)来刷新并查看组合框中的新条目。对于 Chrome 或 Firefox，这不是问题。

Answer 1

jQuery ajax 请求的默认“类型”参数是 IE 将缓存的“GET”。您可以在您的 ajax 请求中禁用缓存或切换到“POST”来防止这种情况 --

$.ajax({
    ...
    cache: false
});