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

时间:2013-01-28 19:58:49

标签: jquery ajax image

我有一个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);
        }
    }
});

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

提前感谢您的帮助!

1 个答案:

答案 0 :(得分: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);
        }
    }
});