Fancybox插件似乎可以缓存结果

Question

我在一个ASPMVC视图上使用了一个fancybox插件，通过Ajax调用显示错误消息。然而，它似乎正在缓存结果。下面是我用来从表中检索错误的Linq查询

    public JsonResult GetErrors(string term)
    {
        try
        {
            int id = int.Parse(term);
            var errors = (from e in db.TransmissionHistory
                          where (e.TransmissionTable == TABLE) &&
                                (e.TranTableId == id) &&
                                (e.ReplyResult == RESULT)
                          orderby e.TransmittedOn descending
                          select e).FirstOrDefault();
            if (errors == null)
            {
                return Json("Search returned no results", JsonRequestBehavior.AllowGet);
            }
            List<string> errs = new List<string>();
            errs = errors.Errors.Split(',').ToList();
            return Json(errs, JsonRequestBehavior.AllowGet);
        }
        catch (Exception)
        {
            return Json("There was an error processing your request, please try again", JsonRequestBehavior.AllowGet);
        } 
    }

如果在第一行设置断点：int id = int.Parse(term);这段代码只会在我第一次点击启动fancybox/Ajax调用的图片时执行。因此，这最终成为fancybox模态中显示的唯一信息。

linq查询应该获取最近的错误消息（由日期字段确定），但是，如果在您启动fancybox/ajax调用后出现新的错误消息，您将看不到它。相反，上一次查询的结果只是再次显示。此外，重申一下，在这种情况下（第二次启动调用），断点不会触发。

我对这个插件不是很熟悉，所以我认为这意味着我正在以某种方式缓存调用的结果。然而，我在网上找不到太多关于fancybox缓存属性和/或如何更改它们的详细信息。为了更好地衡量，这里是fancybox jquery：

        $('.checkErrors').click(function () {
            var $tr = $(this).closest('tr');
            var firstName = $tr.find('td:nth-child(2)').text();
            var lastName = $tr.find('td:nth-child(3)').text();
            $.ajax({
                type: 'GET',
                url: '@Url.Action("GetErrors","AgentTransmission")',
                data: { term: $(this).attr('id') },
                dataType: 'json',
                success: function (data) {
                    var display = "<center><h2>" + firstName + " " + lastName + "</h2></center><ul>";
                    if (data == "Search returned no results" || data == "There was an error processing your request, please try again") {
                        display += "<li>" + data + "</li>";
                    } else {
                        $.each(data, function (key, value) {
                            display += "<li>" + value + "</li>";
                        });
                    }
                    display += "</ul>";
                    $.fancybox(display, {
                        // fancybox API options
                        fitToView: false,
                        autoScale: true,
                        autoDimension: true,
                        closeClick: true,
                        openEffect: 'fade',
                        closeEffect: 'fade',
                        closeBtn: true,
                        openSpeed: 'fast',
                        closeSpeed: 'fast'
                    });
                },
                error: function (data) {
                    $.fancybox("There was an error processing your request. We apologize for the inconvenience!", {
                        // fancybox API options
                        fitToView: false,
                        autoScale: true,
                        autoDimension: true,
                        closeClick: true,
                        openEffect: 'fade',
                        closeEffect: 'fade',
                        closeBtn: true,
                        openSpeed: 'fast',
                        closeSpeed: 'fast'
                    });
                }
            });
        });

Answer 1

这是由于没有在Ajax调用上设置缓存属性，而不是在fancybox上设置。简单地将cache: false添加到ajax调用中就解决了这个问题。