通用的A标签请求替换成ajax请求

最新推荐文章于 2022-06-30 04:13:02 发布

jlk1912

最新推荐文章于 2022-06-30 04:13:02 发布

阅读量5.1k

点赞数

转自：http://wchlt.blog.163.com/blog/static/219605720131112327584/

简介:

将A标签的请求通过ajax代替，支持回调函数，默认请求成功通过alert提示

用法:

$(element).href2ajax(fn);

参数:

element：A标签对象；

fn：回调函数，接收data数据如function(data){……}

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="/js/jquery-1.6.2.min.js"></script>
<script>
jQuery.fn.extend({
	href2ajax: function (fn){
		$(this).click(function(){
			$.ajax({
				url: this.href,
				error: function(XMLHttpRequest, textStatus, errorThrown){
					alert(XMLHttpRequest.responseText);
				},
				success: function(data){
					try{
						fn.call(this,data);
					}catch(exception){
						alert(data);
					}
				}
			});
			return false;
		});
	}
});
</script>
</head>
<body>
<a href="/js/abc?id=1">删除</a>
<script>
$('a').href2ajax();
</script>
</body>
</html>