JS排序

最新推荐文章于 2024-05-05 07:41:03 发布

YiYaYo

最新推荐文章于 2024-05-05 07:41:03 发布

阅读量831

点赞数

文章标签： xmlhttprequest function html table button java

本文链接：https://blog.csdn.net/yiyayo/article/details/1955608

版权

<%@ 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='#' οnclick='sortTable(/"id/");'>ID</a></td><td><a href='#' οnclick='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 οnclick="testPZ();">test</button>
<div id="tableContainer">

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

YiYaYo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS排序

var sortBy = 0; function sortTable(key){ switch(key){ case "id" : sortBy = 0; break; case "name" : sortBy = 1; break; } refreshTable(); }
复制链接

扫一扫

JS排序

“相关推荐”对你有帮助么？