JavaScript函数调用优化:使用onclick事件替代href属性
在给<a>标签添加href属性时,可以直接调用JavaScript函数,而不是写成'javascript:information;'的形式。修改后的代码如下:
<a href='javascript:void(0);' onclick='information();'> <i class='layui-icon layui-icon-username layui-nav-img'></i> <span id='username'>用户名:</span> <span id='institution'>机构号:</span> </a>
<script>
function information(){
$.post('../user/info2',{},null,'json').success(function(re){
if(re.result=='success'){
var userInfo = re.data;
var userObj = JSON.parse(userInfo);
console.log(userObj.username);
console.log(userObj.institution);
$('#username').text(userObj.username);
$('#institution').text(userObj.institution);
} else{
popAlert('提示', re.msg);
}
}).error(function(e){
popAlert('提示','请重新登录');
});
}
</script>
在这个修改后的代码中,我们使用了`onclick`事件来调用JavaScript函数`information()`,而不是直接通过`href`属性。这样可以确保点击链接时会调用函数并执行相应的操作。
原文地址: http://www.cveoy.top/t/topic/plio 著作权归作者所有。请勿转载和采集!