1. 效果
1.1 使用$("#tipId").html("内容") 与 document.getElementById("loginId").innerHTML="内容"
1.1.1 $("#tipId").html("内容") (原来下写错了 现在的是修改过的 可用)
//8. 双击事件 修改用户信息
function dblclickToChangeEmployeeInfo(id){
//双击 查看该员工详细信息
//产生随机数 去欺骗浏览器
var random=Math.floor(Math.random()*100) ;//产生一个1--100的随机数
var number = new Date().getSeconds()%43 +random; //这将产生一个基于目前时间的0到42的整数。
var url="${pageContext.request.contextPath }/queryEmployeeByIdToModelView.action";
//var data="";//无参数的写法
var data={"employeeId":id,"number":number}//多参数 用逗号隔开
$.post(url,data,function(result){
//将 ajax 返回的数据填充 到model页面
$("#loginId").innerHTML=result.loginid;//登录的账号 无法将值 追加进去的
// 调用模态页面
$('#myModalAbnormalDataId').modal();
$(document).ready(function () {
$("#select").bind("change",function(){
if($(this).val()==0){
return;
}
else{
$("p").text($(this).val());
}
});
});
//选择触发事件
function goUrl(obj){
location.href=obj.value;
}
},"json");
};
1.1.2 document.getElementById("loginId").innerHTML="内容"
效果:可以实现
代码:上面是完整的这里就写核心代码
document.getElementById("loginId").innerHTML=result.loginid;//登录的账号 追加到li标签下 使用js 能实现
1.2 $("#userNameId").append(result.username); 与 document.getElementById("loginId").append(result.username);
这两个都可以正常的追加内容 在使用的时候我们需要手动清空掉 原来的内容
效果:
未清空:
清空后的效果
代码:
$("#userNameId").empty();// 将原来标签里面的内容清空 否则就是追加了
$("#userNameId").append(result.username);//如果不清空 就导致内容追加
2. 终结:
innerHTML:是替换原来的内容 不支持jq获取对象,支持原始的 document.getElementById("loginId").innerHTML=result.loginid;
append:追加内容 一般配合 $("#userNameId").empty(); 使用