ajax后续的请求挂起,ajax取消挂起请求的处理方法

*{margin:0;padding:0;}

li{list-style-type:none;}

.tab{

width:240px;

margin: 50px auto;

}

.nav ul{

clear:both;

}

.nav ul li{

margin-right: 4px;

padding: 1px 6px;

border:1px solid #ccc;

width:60px;

background: #f1f1f1;

float: left;

text-align: center;

cursor: pointer;

}

.nav ul li.selected{

color:#fff;background:blue;

}

#box{

width:238px;

border: 1px solid #ccc;

height: 100px;

clear: both;

overflow: hidden;

}

.addbg{

background: url('./img/loading.gif') no-repeat center;

}

-->

$(function()

{

var ajax;

$.ajax({

type: 'get',

url: '4.php',

data: 'what=1',

success:function(data)

{

//加载成功后移除小图标

// $("#box").removeclass("addbg");

// $('#box').html(data);

$("#box").removeclass("addbg").html(data);

},

beforesend:function() //

{

//加载过程中得等待小图标,先清空box的内容

$("#box").html('').addclass("addbg");

}

});

$('.nav ul li').click(function()

{

$(this).addclass('selected')

.siblings().removeclass('selected');

var liname = $(this).attr('name');

//alert(liname);

//加载过程中得等待小图标,先清空box的内容

$("#box").html('').addclass("addbg");

if(ajax)

{

ajax.abort();

//alert(ajax);

}

ajax = $.get(

'4.php',

{what : liname},

function(data)

{

//加载成功后移除小图标

$("#box").removeclass("addbg");

$('#box').html(data);

}

);

});

});

// ]]>

• tab 1
• tab 2
• tab 3