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

最新推荐文章于 2018-06-02 13:57:05 发布

转载最新推荐文章于 2018-06-02 13:57:05 发布 · 151 阅读

文章标签：

#javascript #xhtml #ViewUI

本文介绍了一种使用Ajax技术来判断网页链接是否有效的实现方法，通过自定义的jQuery扩展函数，实现在页面上显示链接状态并及时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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