一、这两天写项目,用Ajax写分页查询跟分页数据拉取,刚好跳进了A标签的这个坑里
不说了,直接进入正题,上测试代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>lattice</title>
<!-- 加载一个可用的jquery库 -->
<script src="jquery-1.7.2.js"></script>
<script type="text/javascript">
function latticeOnclick(obj){
$("div").append("<br>A标签在click事件中使用this(标签名):"+$(obj).text());
}
</script>
</head>
<body>
<a href="#" onclick="latticeOnclick(this)">onclick</a><br>
<a href="javascript:latticeOnclick(this)">href</a><br>
<div style="background-color: #00aaff;width:100%;">
</div>
</body>
</html>
二、这段代码的结果
三、结果分析
从现实结果中可以看到:名为href的A标签在点击后并没有获取到这个标签的标签名,说明没有正确获取到这个A标签的this属性。看到这你可能觉得没有多坑。下面我来告诉你有多坑,我在spring+mybatis+springmvc中做一个动态的分页跳转大概是这个样子
获取这个A标签名的目的就是拿来在mybatis做分页查询的时候作起始控制,当在前台没有获取到这个参数,但是Ajax请求可以正常提交,但是在查询时抛出来参数非法异常。
java.lang.illegalargumentexception.
同场情况下你根本不会想一个后台抛出异常错误来源会来自遥远的前端。
不过还好,博主已经从这坑里趟过去了,而且侥幸没淹死在这坑里。