jquery ui 对话框在表单加载时缓存

Question

使用 ASP.NET MVC3 (Razor)，我有一个加载 jQuery UI 对话框的简单页面。

@{
    ViewBag.Title = "Home Page";
}
<h2>yo</h2>
<div id="fileUpload">
</div>
<button id="button2">
    Upload file
</button>
<script type="text/javascript">
    $(document).ready(function () {
        $('#button2').click(function () {
            $fileUpload = $('#fileUpload');
            $fileUpload.dialog({
                minWidth: 500,
                minHeight: 100,
                title: 'Upload File(s)',
                autoOpen: true,
                buttons: {
                    'Upload': function () {
                        $('form').submit();
                    },
                    'Cancel': function () {
                        $(this).dialog('close');
                    }
                },
                open: function (event, ui) {
                    $(this).load('@Url.Action(MVC.FileUpload.FileUpload())');
                },
                close: function (event, ui) {
                    $(this).dialog('destroy');
                    //$(this).remove();
                },
                dialogClass: 'no-close',
                closeText: '',
                modal: true
            });
        });
    });
</script>

注意 open() 表单调用了控制器方法。它返回一个 PartialView ，看起来像这样......

public virtual ActionResult FileUpload() { return new 部分视图结果（）； }

是 IE 正在缓存对部分视图的调用。如果我更新部分视图，那么在清除浏览器缓存之前它不会加载。

我已经尝试过 close() 和 .remove() 上的“销毁”方法。两者都没有效果。我还确认每次单击 #button2 时都会调用 open() 。

关于如何防止对话框内容被缓存有什么想法吗？

Answer 1

您可以将其添加到全局 js 代码中以防止 IE 缓存 ajax 请求：

$.ajaxSetup({ cache: false });

Answer 2

您可以将： 替换

 $(this).load('@Url.Action(MVC.FileUpload.FileUpload())');

为：

$.ajax({
    url: '@Url.Action(MVC.FileUpload.FileUpload())',
    cache: false,
    context: this,
    success: function(result) {
        $(this).html(result);
    }
});

Answer 3

添加属性
[无缓存]
通过您的控制器操作来解决此问题。这种情况只发生在 IE 中

Answer 4

将随机参数或时间戳附加到要加载的 URL。例如：

var timestamp = new Date().getTime();
$(this).load('@Url.Action(MVC.FileUpload.FileUpload())'+'&t='+timestamp);