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

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

你可能感兴趣的:(JavaScript,jquery,Ajax,function,cache,XHTML)