文件名称：静态页面里动态显示信息
文件大小：85KB
文件格式：DOC
更新时间：2015-09-03 10:29:01
ajax
<html> <head> <title>查看个人KPI报表</title> </head> <style> table tr{ font-size:12px; font-weight:600; } table td{ background-color:#E6E6E6; } </style> [removed] var httpRequest; //创建异步请求对象 function createXMLHttpRequest(){ if(window.XMLHttpRequest){ httpRequest=new XMLHttpRequest(); }else if(window.ActiveXObject){ try{ httpRequest=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ httpRequest=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){} } } } function getData(){ var sel=document.getElementById("dept"); var deptId=sel.options[sel.selectedIndex].value; //创建异步请求对象 createXMLHttpRequest(); //设置请求的回调函数 httpRequest.onreadystatechange=callBack; //创建新的http请求，指定请求的方法，url，以及验证信息 httpRequest.open("GET","<%=basePath%>servlet/BillAction?action=getData&deptId;="+deptId,true); //发送请求至服务器，并接收回应 httpRequest.send(null); } //回调函数 function callBack(){ //如果请求数据接收完毕 if(httpRequest.readyState==4&&httpRequest;.status==200){ //将返回的请求文本（这里实际上就是data.jsp）写入指定的DIV中 document.getElementById("dataDiv")[removed]=httpRequest.responseText; } } [removed] <body> 部门： <input type="button" id="selBtn" value="显示报表" <div id="dataDiv"> </body> </html> data.jsp页面的主要内容 <body>
| 部门名称 | 被评人/评分人 | ${fromEmp.name} | KPI成绩 |
| ${data} |