a链接怎么变成post请求 [ 技术分享 ]
之前群里有人问怎么用a标签转post请求，demo如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="Content-Type:text/html;charset=utf8">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a.link").on("click",function(){
$.post($(this).attr('href'),null,function(result){
alert(result);
});
//屏蔽A标签原始提交
return false;
});
});
</script>
</head>
<body>
<a class='link' href="/link">link</a>
</body>
</html>
共 5 条回复
-
-
-
看起来是事件截获
意思是，html标签中，dom中每个标签都有相关的事件属性
a标签就是其中之一，当a标签被点击的时候，默认是链接到其属性href链接中。
现在因为js的参与，可以让a链接转向或者根本不会跳转到href的指向。
其实a完成提交，我们常见的一种不会引起歧义的做法是<a href="javascript:;">这里是个a标签</a>
既然都可以这么写了，那么定然是被js截获了。所以href里面写什么都无关紧要了。
另外一个例子是表单的提交，你懂的。
回答完毕。另外这篇文章要给个赞。前端人员是必须要知道这个的。
谢！鬼一浪人————20150508共 1 条回复 -
-
总监
phpxiebin 上海
注册时间：2015-04-22
最后登录：2019-05-07
在线时长：32小时39分
最后登录：2019-05-07
在线时长：32小时39分
- 粉丝9
- 金钱1701
- 威望35
- 积分2371