jquery $ .ajax()函数问题与图像缓存

Question

我有一个非常奇怪的问题.我用ajax和php创建了一个登录系统.
加载userprofile时,用户也有一张图片.
然后,当我尝试在模式对话框中使用iframe更改图片并按"保存"时,应在用户配置文件中更改图像而不刷新页面.
我用

$(".userPicture").attr("srs","Users/"+username+"/profileimg.jpg");

我也试过了

$(".imgContainer").html("<img src='Users/"+username+"/profileimg.jpg' class='userPic' >");

还是行不通

即使我上传新图片,似乎缓存的图像也会加载到个人资料图片中.
问题是我想用ajax做这个而不用刷新页面.
如果我重新加载页面,图片会被更改.请帮忙.另外,我如何验证成功函数中$ .ajax函数的特定输出

$.ajax({
    type: 'POST',
    url: baseURL,
    dataType: 'html',
    cache: false,
    data: {
        action: "LOGIN",
        username:username,
        password:password
    },
    success: function(data) {
        if (data == "empty") {
           showError("Error: Wrong Username or Password","loginTab");
        }
        else {

        }
    }
});

当我做数据类型json我可以验证我的数据,如果它是空的,但当我做HTML我不能.有什么其他方法我怎么能处理这种情况.

Answer 1

向缓存添加缓存破坏随机值,强制服务器检索新副本:

"Users/"+username+"/profileimg.jpg?cachebuster=" + new Date().getTime()

Web服务器将忽略查询字符串,因为它只是获取jpg,查询字符串将强制浏览器将其视为"新"请求,因此它将绕过缓存并命中服务器.