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() 表单调用 Controller 方法。它返回一个 PartialView ，看起来像这样......

public virtual ActionResult FileUpload() { return new PartialViewResult(); }

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

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

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

Answer 1

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

$.ajaxSetup({ cache: false });