JQuery 利用Ajax判断链接是否有效

来源：互联网发布：c语言printf和scanf 编辑：程序博客网时间：2024/05/17 09:07

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script type="text/javascript" src="../jquery-1.6.js"></script>

</head>
<body>
<a href="1.aspx">link1</a>
</body>
</html>

<script type="text/javascript">
//利用Ajax判断链接是否有效
(function ($) {
$.fn.judgeLink = function(options){
var defaults = {
error:"error Link!"
}
var options = $.extend(defaults, options);
this.each(function(){
var thisa=$(this);
if(typeof(thisa.attr("href"))!="undefined"){
thisHref=thisa.attr("href");
thisa.data('href',thisa.html());
$.ajax({
url: thisHref,
type:"GET",
cache: false,
async: true,
beforeSend:function(){
thisa.attr("onclick","return false;");
thisa.html("数据加载中...");
},
success: function(){
thisa.attr("onclick","return true;");thisa.html(thisa.data('href'));
},
error: function(){
thisa.attr("href","javascript:alert('"+options.error+"');");
thisa.attr("target","_self");
thisa.html(thisa.data('href'));
}
});
}
});
};
})(jQuery);
$("body a").judgeLink({error:"该链接已经不可访问!"});

</script>

JQuery 利用Ajax判断链接 是否有效

JQuery 利用Ajax判断链接是否有效