ajax

实现点击“期刊论文审核”选项卡时局部刷新页面：

 

 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();
　　}　

});