前言:在进行bootstrap的tab切换操作时,我们有的时候需要为其增加请求操作,用来获取服务端的数据。
$('#myTab a').click(function(e) {
// 先获取项目id
var deal_id = $("#deal_id").val();
var tabIndex = $("#tabIndex").val();
var href = $(this).attr("href");
if (href == '#program') {// 项目基本信息
if (tabIndex == 1) {
if (deal_id) {
location.href = common.ctx + "/project/showProjectBasicInfo?deal_id=" + deal_id;
} else {
location.href = common.ctx + "/project/initProjectBasicInfo";
}
} else {
$(this).tab('show');
}
} else if (href == '#reback') {// 项目回报信息
if (deal_id && !tabIndex) {
location.href = common.ctx + "/project/showProjectRebackInfo?deal_id=" + deal_id + "&tabIndex=1";
} else {
$(this).tab('show');
}
}
e.preventDefault();// 取消事件的默认动作
});
我们利用a标签的点击事件,然后对tab记性判断后,改变地址栏请求。