您的位置：首页 > Web前端 > JQuery

JQuery插件第二十一个:利用Ajax判断链接是否有效

2012-02-08 06:42 323 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航