jquery ajax缓存:false not working

Question

我有一些可以编辑然后更新的信息，然后我通过ajax获取更新的内容，效果很好，但是图像被缓存并且不会更改(图像具有相同的名称，如果是新图像上传后，它实际上会覆盖前一个)。

如果我然后刷新页面，我会看到新图像，如果我从那时起编辑和更新图像，它会很好地工作，但第一次总是有问题。更新内容后我总是必须手动刷新页面。

我的ajax:

$.ajax({
    type: "POST",
    async: true,
    url: vkrwps_admin.ajax_url,
    data: {
        action: 'EDIT_PROD',
        sv: sv,
        preload: vkrwps_admin.preloader
    },
    cache: false,
    beforeSend: function() {
        $('div.mule').html(u);
    },
    success: function(response) {
        $('div.mule').html(response);
        // call chosen on select
        $('select').chosen({
            // placeholder_text: "Choose a product..."
            'disable_search': true
        });
        // $('select.dropsearch').val(4).trigger('change');
    },
    complete: function() {
        // $('select.dropsearch').one().val(cf).trigger('change');
    }
});

我还尝试将以下内容放在脚本之上，但没有帮助:

$.ajaxSetup({ cache: false });

Answer 1

尝试这样:

$.ajaxSetup({
    type: 'POST',
    headers: { "cache-control": "no-cache" }
});

您可以在the question中找到更多解决方案.