程序设计实践课程设计记录8

这三周做的事情有点少，可能比较的荒废，懒惰是这一切的源头。

博客也很少更新，还是自己对自己不够严格。

最近在学习通过后台获取数据库的信息并在前端页面上显示出来。

下面是个简单的例子

<button id = "btn1">听力文件</button>
         <script type = "text/javascript">
             var oList = document.getElementById("list");
             var oBtn = document.getElementById("btn1");
             oBtn.onclick = function(){
                 ajax("get","admin.jsp",true);
             }
             function  fn(data){
                 var data = eval(data);
                 var dLength =data.length;
                 var str ="";
                 for(var i = 0;i < dLength;i++){
                     str +="<tr><td>名称</td><td>"+data[i].name+"</td><td>类型</td><td>"+data[i].state+"</td></tr>"
                 }
                 oList.innerHTML = str;
             }
             function  ajax(method,url,ayne){
                 var xhr =null;
                 if(window.XMLHttpRequest){
                     xhr = new XMLHttpRequest();
                 }else{
                     xhr = new ActiveXObject("Microsoft.XMLHTTP");
                 }
                 xhr.open(method,url,ayne);
                 xhr.send();
                 xhr.onreadystatechange=function(){
                     if(xhr.readyState==4){
                         if(xhr.status>=200&&xhr.status<300){
                             fn(xhr.responseText);
                         }else{
                             alert("程序有误！")；
                         }
                     }
                 }
             }
         </script>