实现点击“期刊论文审核”选项卡时局部刷新页面:
html中的li标签:
<ul id="myTab" class="nav nav-tabs">
<li {% if competition %}class="active"{% endif %} id="Aa"><a href="#A" data-toggle="tab">竞赛奖项审核</a></li>
<li {% if magazinepaper %}class="active"{% endif %} id="Bb"><a href="#B" data-toggle="tab">期刊论文审核</a></li>
</ul>
js文件:
$(document).ready(function(){
//设置id为Bb的li标签的点击事件
document.getElementById("Bb").onclick=function(){
//下面的是数据筛选环节然后将table内容填充,设置为可见(未完成)
var pyhttp=new XMLHttpRequest();//创建请求
//状态变化的时候更新表格
pyhttp.onreadystatechange=function()
{
if(pyhttp.readyState==4&&pyhttp.status==200)//检查是否存在且正确
{
console.log("访问"+"checking/mytable_magazinepaper/page=1");
document.getElementById("my_table_2").innerHTML=pyhttp.responseText;
}
}
pyhttp.open("GET","checking/mytable_magazinepaper/"+"page=1",true);
pyhttp.send();
}
});