IE6中请求莫名中断（条件：a标签，click事件中有ajax请求，a标签中有href且是JavaScript:void(0);或JavaScript:;等阻断跳转代码）

原载于：雨夜带刀's Blog
本文链接：http://stylechen.com/ie6-aborted-ajax.html

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  var url = "http://api.flickr.com/services/"
    "feeds/photos_public.gne?tags=car&"
    "tagmode=any&format=json&jsoncallback=?";
  $( "#btn" ).click(function(){
    $.getJSON( url, function( data ){
      alert(  data );
    });   });
</script>

在IE6中使用Fiddler2监视请求，经常会出现”aborted”，折腾了许久，相当的诡异。后来将a标签换成button，请求正常，最后经提醒，可能是a标签的默认事件中断了请求。但是，在HTML代码中，已经将a标签的href设置成了”javascript:;”，通常这样是可以阻止默认事件了(页面跳转)。a标签的click事件会先执行，然后才执行href的跳转，如果href是一段javascript语句，这个时候就会执行。IE6在执行href的javascript语句时就中断了click触发的ajax请求。使用href=”javascript:;”是为了阻止默认事件，将阻止默认事件的动作移到click事件中就可以解决问题了，这样就不会执行href中的javascript语句了。

$( "#btn" ).click(function(e){
    $.getJSON( url, function( data ){
           alert( data );
    });
   e.preventDefault();
});

结合下自己遇到的情况代码如下：

html代码如下：

<a class="js_statrPrize" text="go" href="javascript:void(0);">报名参加</a>

js代码如下：

$(".js_statrPrize").click(function () {
        $.ajax({
            url:urls.loginUrl,
            type:"get",
            dataType:"jsonp",
            jsonp:"jsoncallback",
            data:{
                r:Math.random()
            },
            success:function(d){
                if (d.IsSuccess) {
                    if (defaults.successFn) {
                        defaults.successFn(d);
                    }
                } else {
                    if (defaults.failFn) {
                        defaults.failFn(d);
                    }
                }
            },
            error:function(){
                alert("程序错误");
            }
        });
    });

在ie6下直接走error了，一点击这个按钮直接alert“程序出错”；从昨天一直翻到今天终于找到了本文的答案。