JS排序

最新推荐文章于 2025-08-11 22:30:00 发布

原创最新推荐文章于 2025-08-11 22:30:00 发布 · 890 阅读

CC 4.0 BY-SA版权

文章标签：

#xmlhttprequest #function #html #table #button #java

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
  var sortBy = 0;
  function sortTable(key){
   switch(key){
    case "id" :
     sortBy = 0;
     break;
    case "name" :
     sortBy = 1;
     break;
   }
   refreshTable();
  }
  function refreshTable(){
   var data = [];

   var _httpRequest = false;
            try{_httpRequest = new XMLHttpRequest();}catch(e){
            try{_httpRequest = new ActiveXObject('Msxml2.XMLHTTP');}catch(ee){
            try{_httpRequest = new ActiveXObject('Microsoft.XMLHTTP');}catch(eee){}}}
            if( !_httpRequest ) return false;
            _httpRequest.open('get',"/pzjs/servlet/TestServlet",false);
            _httpRequest.onreadystatechange = function(){
    data = eval(_httpRequest.responseText);
   }
   _httpRequest.send(null);

   data.sort(function(o1,o2){
    if( o1[sortBy] > o2[sortBy]){
     return 1;
    } else if( o1[sortBy] == o2[sortBy]) {
     return 0;
    }
    return -1;
   });
   var table = [];
   table.push("<table>");
   table.push("<tr><td><a href='#' onclick='sortTable(/"id/");'>ID</a></td><td><a href='#' onclick='sortTable(/"name/");'>Name</a></td></tr>");
   for( var i = 0 ; i < data.length ; i ++ ){
    var value = data[i];
    table.push("<tr><td>");
    table.push(value[0]);
    table.push("</td><td>");
    table.push(value[1]);
    table.push("</td></tr>");
   }
   table.push("</table>");
   document.getElementById("tableContainer").innerHTML = table.join("");
  }
  function testPZ(){
   setInterval(refreshTable,2000);
  }
</script>
</head>

<body>
<button onclick="testPZ();">test</button>
<div id="tableContainer">

</div>
</body>
</html>