Javascript 选项卡处于活动状态时未触发Ajax Get方法
加载时，我有一个jsp页面，如下所示： TabJavascript 选项卡处于活动状态时未触发Ajax Get方法,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,加载时，我有一个jsp页面，如下所示： TabA-E是加载页面时的默认选项卡。您可以看到下面的图像： 因此，我想显示以A到E开头的人的姓名。因此，我的json数据如下所示： 我的数据是正确的，我的A-E是默认选项卡，ID是“tab01”。因此，我使用AJAX获取数据，但是单击（function（）当我点击#tab01时，不会被触发。我试图在控制台中打印数据，但没有调用ajax方法。但我认为点击功能不正确，当tab01处于活动状态时，我需要调用ajax方法 $（文档）.ready（函数（）{
A-E单击（function（）当我点击#tab01时，$（文档）.ready（函数（）{
var$tabButtonItem=$（“#tab button li”），
$tabSelect=$（“#tab select”），
$tabContents=$（'.tab contents'），
activeClass='是活动的'；
$tabButtonItem.first（）.addClass（activeClass）；
$tabContents.not（':first'）.hide（）；
$tabButtonItem.find（'a'）。on（'click'，函数（e）{
var target=$（this.attr（'href'）；
$tabButtonItem.removeClass（activeClass）；
$（this.parent（）.addClass（activeClass）；
$tabSelect.val（目标）；
$tabContents.hide（）；
$（target.show（）；
e、 预防默认值（）；
});
$tabSelect.on（'change'，function（））{
var target=$（this.val（），
targetSelectNum=$（this.prop（'selectedIndex'）；
$tabButtonItem.removeClass（activeClass）；
$tabButtonItem.eq（targetSelectNum）.addClass（activeClass）；
$tabContents.hide（）；
$（target.show（）；
});
$（“#tab01”）。单击（函数（）{
$.ajax({
键入：“GET”，
url:A_PAGE_CONTEXT_PATH+“/getAllEmployeeFromAtoE”，
成功：功能（数据）{
var allList=[]；
allList=数据；
console.log（allList）；
}
});
});
})；.tabs{
最大宽度：1000px；
保证金：0自动；
填充：0 20px；
}
#选项卡按钮{
显示：表格；
表布局：固定；
宽度：100%；
保证金：0；
填充：0；
列表样式：无；
}
#选项卡按钮li{
显示：表格单元格；
宽度：20%；
}
#选项卡按钮LIA{
显示：块；
填充：.5em；
背景：#eee；
边框：1px实心#ddd；
文本对齐：居中；
颜色：#000；
文字装饰：无；
}
#选项卡按钮li:非（：第一个子项）a{
左边界：无；
}
#选项卡按钮LIA：悬停，
#选项卡按钮。是否为活动选项卡{
边框底色：透明；
背景：#fff；
}
.选项卡内容{
填料：5em 2em 1em；
边框：1px实心#ddd；
}
.选项卡按钮外部{
显示：无；
}
.选项卡内容{
边缘顶部：20px；
}
表1
表2
表3
表4
表5
一款图片分享应用
同样的道理，我是一个能言善辩的人，我是一个装潢精良的人。
表2
这是一位杰出的建筑设计师。他是一位杰出的建筑设计师。他是一位杰出的建筑设计师。他是一位杰出的建筑师。他是一位杰出的建筑设计师
表3
这是一位杰出的建筑设计师。他是一位杰出的建筑设计师。他是一位杰出的建筑设计师。他是一位杰出的建筑师。他是一位杰出的建筑设计师
表4
这是一位杰出的建筑设计师。他是一位杰出的建筑设计师。他是一位杰出的建筑设计师。他是一位杰出的建筑师。他是一位杰出的建筑设计师
表5
这是一位杰出的建筑设计师。他是一位杰出的建筑设计师。他是一位杰出的建筑设计师。他是一位杰出的建筑师。他是一位杰出的建筑设计师
localhost:8080/…