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

最新推荐文章于 2023-09-09 03:29:08 发布

qq_29069777

最新推荐文章于 2023-09-09 03:29:08 发布

阅读量509

点赞数

分类专栏：前端文章标签： javascript

原文链接：https://www.mk2048.com/blog/blog.php?id=haaijacckjaa&title=JQuery+%E5%88%A9%E7%94%A8Ajax%E5%88%A4%E6%96%AD%E9%93%BE%E6%8E%A5+%E6%98%AF%E5%90%A6%E6%9C%89%E6%95%88

版权

前端专栏收录该内容

1175 篇文章 1 订阅

订阅专栏

<!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>

更多专业前端知识，请上【猿2048】www.mk2048.com

qq_29069777

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery 利用Ajax判断链接是否有效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...
复制链接

扫一扫