与我联系

利用Ajax判断链接是否有效

2015-11-17 一诺 js+jquery+ajax


利用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>




标签: ajax

分享这篇文章
赞助鼓励:如果觉得内容对您有所帮助,您可以支付宝(左)或微信(右):

声明:如无特殊注明,所有博客文章版权皆属于作者,转载使用时请注明出处。谢谢!

发表评论:

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by
emlog