zoukankan      html  css  js  c++  java
  • 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();
      } 
    });
  • 相关阅读:
    Python 一条语句如何在多行显示的问题
    代理模式
    MySQL workbench中的PK,NN,UQ,BIN,UN,ZF,AI说明
    异步加载 Echarts图的数据
    Web页面中两个listbox的option的转移
    半透明效果
    在地图上使图片透明
    加载图片方式
    获取鼠标坐标
    画笔与画刷
  • 原文地址:https://www.cnblogs.com/zealousness/p/8299138.html
Copyright © 2011-2022 走看看