JQuery AJAX 需要重新加载页面才能显示新内容答案

【问题标题】：JQuery AJAX need to reload page to display new contentsJQuery AJAX 需要重新加载页面才能显示新内容
【发布时间】：2013-01-28 19:58:49
【问题描述】：

我有一个 python 脚本，可以读取并返回（以 JSON 格式）来自特定文件夹的每个图像。在一个页面上，我有一个允许我向该文件夹添加新图像的表单：一个简单的上传表单，一个文件输入，当我提交它时，它会将我重定向到上传它的 python 脚本，最后是 python 脚本将我重定向到上传表单页面，通过 AJAX 加载图像。

这是我通过 AJAX 获取所需数据的 JQuery 代码：

$.ajax({
    type: "GET",
    url: "images.cgi?action=list",
    success: function (data) {
        var parsed = $.parseJSON(data);
        for (d in parsed) {
            img = '<img src="images/' + parsed[d][1] + '" />';
            $('div').append(img);
        }
    }
});

当我第一次访问该页面时，图像加载正常。但是如果我上传图片，当我重定向到上传页面时，最后上传的图片没有加载，我必须手动重新加载页面才能显示。

提前感谢您的帮助！

【问题讨论】：

标签： jquery ajax image

【解决方案1】：

嗯，我的问题是由于缓存。我只需要在我的 AJAX 请求中将缓存设置为 false，现在一切正常！

$.ajax({
    type: "GET",
    url: "images.cgi?action=list",
    cache: false,
    success: function (data) {
        var parsed = $.parseJSON(data);
        for (d in parsed) {
            img = '<img src="images/' + parsed[d][1] + '" />';
            $('div').append(img);
        }
    }
});

【讨论】：