关于ajax异步加载图片的路径赋值问题

最新推荐文章于 2022-02-09 00:49:58 发布

qq_37465004

最新推荐文章于 2022-02-09 00:49:58 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java Web开发经验随记

本文链接：https://blog.youkuaiyun.com/qq_37465004/article/details/78836816

Java Web开发经验随记专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一段JavaScript代码示例，展示了如何通过Ajax请求获取用户信息，并将用户的头像和工作照片显示在页面上。具体包括了路径名称的获取、项目名称的截取以及动态设置图片源的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js代码（数据库存的是图片名，图片存储在服务器文件夹中）：

var pathName=document.location.pathname;
var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);

$(".viewUser").on("click",function(){
		//将被绑定的元素（a）转换成jquery对象，可以使用jquery方法
		var obj = $(this);
		/*window.location.href=path+"/userController/viewUser/"+ obj.attr("userid");*/
		$.ajax({
			type:"GET",
			url:path+"/userController/viewUser",
			data:{userid:obj.attr("userid")},
			dataType:"json",
			success:function(result){
				if("failed"==result){
					alert("操作超时！");
				}else if("noData"==result){
					alert("没有数据！");
				}else{
					$("#v_userCode").val(result.userCode);
					$("#v_userName").val(result.userName);
					if(result.gender=="1"){
						$("#v_gender").val("女");
					}else if(result.gender=="2"){
						$("#v_gender").val("男");
					} 
					$("#v_phone").val(result.phone);
					$("#v_birthday").val(result.birthday);
					$("#v_address").val(result.address);
					$("#v_userRoleName").val(result.role.roleName);
					$("#v_creationDate").val(result.creationDate);
					$("#v_idPicPath").attr("src",projectName+"/statics/uploadFiles/"+result.idPicPath);
					$("#v_workPicPath").attr("src",projectName+"/statics/uploadFiles/"+result.workPicPath);
				}
			},
			error:function(data){
				alert("error!");
			}
		});
	});