需求
详情页,某字段A,数据库中存的是编码,显示到页面上要—此编码+对应的名称
实现
- 统一风格前端是span表示的,如下(修改前):此时显示的${mainObject.A}是编码
javascript"><td>
<div>
<span>
<strong>A字段:</strong>
<span title="${mainObject.A}" id="Acode">
${fns:abbr(mainObject.A,32)}
</span>
</span>
</div>
</td>
- 修改后span表示的,如下
javascript"><td>
<div>
<span>
<strong>A字段:</strong>
<span title="${mainObject.A}" id="Acode" />
</span>
</div>
</td>
- 修改后 新增一个异步查询名称,再拼接后给span重新赋值,如下
javascript"><script type="text/javascript">
window.onload=getName;//页面加载完执行(为了加载出编码,要根据编码查询)
function getName(){
var code = document.getElementById("Acode").title //取出title值
if(code == '' || null == code){
return
}else{
$.ajax({
url: '${xxx}/xxx/xxx/getCodeNameByCode',
type: "POST",
data:{'code':code},
success: function (data) {
var code = data.code;
var codeName = data.codeName;
var allName = codeName +"_"+code;
document.getElementById("Acode").innerText = allName; //给title赋值
}
});
}
}
</script>