前言:在进行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记性判断后,改变地址栏请求。