利用Ajax判断链接是否有效
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>利用Ajax判断链接是否有效</title>
</head>
<body>
<a href="1.html">link1</a>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<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>
</body>
</html>