pngdd - 代码贴

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8" />
    <title>体测查询</title>
    <style>

    </style>
    <script src="jquery-1.8.0.js">
    </script>
    </head>
    <body>
    <form method='get'>
      <p>班级：</p>
      <input id='class'>
      <p>姓名：</p>
      <input id='name'>
        <button type='button' id='ok'>OK</button>
    </form>
    <p id='sex'></p>
    <table id='tb'>
      <tr><th>测试日期</th><th>年段</th><th>身高</th><th>体重</th><th>肺活量</th><th>五十米</th><th>座位体前屈</th><th>立定跳远</th><th>引体向上/仰卧起坐</th><th>1000米/800米</th></tr>
      </table>
    <script>

$(document).ready(function(){
  $('#ok').click(function(){
    banji=$('#class').attr('value')
    mingzi=$('#name').attr('value')
    $.get("http://localhost:8080/hello", { name: mingzi, class:banji },
    function(data){
      if(data[0]=='E'){
        alert('错误：'+data);return;
      }
      nianduan=['','高一','高二','高三']
      $('#tb').html('<tr><th>测试日期</th><th>年段</th><th>身高</th><th>体重</th><th>肺活量</th><th>五十米</th><th>座位体前屈</th><th>立定跳远</th><th>引体向上/仰卧起坐</th><th>1000米/800米</th></tr>')
      dt=JSON.parse(data);
      for(i=0;i<dt.length;i++){
        var $trTemp = $("<tr></tr>");
        $trTemp.append("<td>"+ dt[i].testdate+"</td>")
        $trTemp.append("<td>"+nianduan[dt[i].nianduan]+"</td>")
        $trTemp.append("<td>"+ dt[i].shengao+"</td>")
        $trTemp.append("<td>"+ dt[i].tizhong+"</td>")
        $trTemp.append("<td>"+ dt[i].feihuoliang+"</td>")
        $trTemp.append("<td>"+ dt[i].wushimi+"</td>")
        $trTemp.append("<td>"+ dt[i].zuoweiti+"</td>")
        $trTemp.append("<td>"+ dt[i].lidingtiaoyuan+"</td>")
        $trTemp.append("<td>"+ dt[i].yinti_yangwo+"</td>")
        minute=parseInt(dt[i].changpao/100);
        second=parseInt(dt[i].changpao%100);
        $trTemp.append("<td>"+minute+ "\'"+second+"</td>")
        $trTemp.appendTo($('#tb'));
        if(dt[i].sex=='1'){
          $('#sex').html('性别：男')
        }else if(dt[i].sex=='0'){
          $('#sex').html('性别：女')
        }
      }
    });
  })
});
    </script>
     
    </body>
    </html>