java ajax 更改头像_为什么js通过ajax前端修改头像不能立刻生效?

项目中有一个上传头像的功能，每次上传成功后，，数据库里的路径已经更新到了，但是刷新后就变成之前的头像，必需重新登录系统，才能显示修改后的头像。现在要改成，修改后就立刻生效。

var photoImg;

$("#upload").on("change",function(){

var formData = new FormData();

formData.append('file', $('#upload')[0].files[0]);

$.ajax({

url:'${request.contextPath}/base/file/upload',

type:'post',

processData : false,

contentType : false,

data:formData,

success :function(data){

photoImg = data.filePath;

$("img[class='avatarPic']").attr('src','${request.contextPath}'+photoImg);

//更新用户表头像链接字段

updatePic(photoImg);

}

});

functionupdatePic(photoImg){

$.ajax({

url:'${request.contextPath}/front/user/updatePhotoImg',

type:'post',

data:{userId:$("#id").val(),photoImg:photoImg},

success :function(data){

layer.alert("操作成功,重新登录后生效");

$("img[class='userImg']").attr('src','${request.contextPath}'+photoImg);

}

});

}

后台的代码是这样的：

@RequestMapping(value="profile")

public String profile(){

return "www/user/profile";

}

java ajax 更改头像_为什么js通过ajax前端修改头像不能立刻生效?相关推荐

原声ajax发送post请求,原生JS实现ajax 发送post请求
1. [代码]原生JS实现ajax 发送post请求 var oStr = ''; var postData = {}; var oAjax = null; //post提交的数据 postData ...
java原生的ajax怎么写,用原生js实现 ajax方法
原标题:用原生js实现 ajax方法作者介绍:咔拉宝宝前端工程师,致力于首个情景式购物商城咔拉商城的前端搭建,在咔拉职场栏目作为程序猿担当,与读者朋友们共同探讨前端开发的那些事. 一.ajax介绍: ...
ajax返回实体类字符串,js使用ajax传值给后台,后台返回字符串处理方法
之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次. 这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台 ...
Ajax工作原理和原生JS的ajax封装
前言: 之所以用ajax作为博客的开篇,是因为无论从ajax的出现还是从它的作用上来说,ajax对于前端无疑是意义重大的.甚至可以说,是ajax带来了前端这个行业.当然,历史并不能说明当下,曾经的辉煌 ...
java ajax面试题_几道Web/Ajax的笔试题
一.说说你常用的几个jsp隐式对象,例如PageContext等, 二.简述你对Java Web MVC设计模式的理解. 三.如果接触过webwork2.spring开源框架,简单评诉对它们的理解. ...
java循环购物车结算系统_原生JS实现购物车结算功能代码
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD ...
java 正则尖括号_使用JS正则表达式替换括号,尖括号等
如下所示:function toTxt(str) { var RexStr = /\|\"|\'|\&/g str = str.replace(RexStr, function(Ma ...
java xml 画表格_用js+xml自动生成表格的东西
摘要:这篇JavaScript栏目下的"用js+xml自动生成表格的东西",介绍的技术点是"JS+XML.自动生成.XML.生成.js.自动",希望对大家开发技 ...
用java编写一个抛物线运动_用js实现简单的抛物线运动
前言老早就看过一些购物车的抛物线效果,也想自己凑热闹动手来实现一遍. 然后(lll￢ω￢) 书到用时方恨少,发现高中学到物理啊.数学啊,都忘光了,抛物线公式都忘了0 0. 顺手百度一波,从百度可知: ...

java ajax 更改头像_为什么js通过ajax前端修改头像不能立刻生效?

java ajax 更改头像_为什么js通过ajax前端修改头像不能立刻生效?相关推荐

最新文章

热门文章