Web局部刷新的实现

<script>
  $(document).ready(function() {//页面加载完成后执行此函数
    var tpid=<%=pid%>;
    fresh();
  });
  function fresh() {
    var tpid=<%=pid%>;
    //alert(tpid);
     $.ajax({
        type : "POST",//
        url : "genxin.do",//请求地址
        dataType : 'json',//传输类型
        data : "pid=" + tpid,//输出数据
        success : function(data) {//服务器返回的值，这里面是你要刷新的东西
          var table = $(".table");
          table.empty();
          table.append("<tr><td>药品ID</td><td>药名</td><td>药品需重</td><td>已取重量</td><td>抓药进度</td></tr>");
          $.each(data,function(index,val){//它可以遍历一维数组、多维数组、DOM, JSON 等等格式
            table.append("<tr><td>"+val.mid+"</td><td>"+val.mname+"</td><td>"+val.mweight+"</td><td>"+val.yiqu+"</td><td>"+val.jindu+"</td></tr>");
          });
        },error:function(){
          alert("error");
        } 
    });
     setTimeout("fresh()", 1000);//每隔一秒递归调用此函数，实现刷新的功能。
  }
</script>

List<Prescription> list = DbPoolOp.gets_prescription_list((String)(request.getParameter("pid"))); System.out.println((String)(request.getParameter("pid"))); request.setCharacterEncoding("utf-8"); // 这里不设置编码会有乱码 response.setContentType("text/html;charset=utf-8"); response.setHeader("Cache-Control", "no-cache"); PrintWriter out = response.getWriter(); //String sb="[{\"people\":\"hyyyhhy\"},{\"peopl\":\"11111\"}]"; String sb="["; for (int i = 0; i < list.size(); i++) { if (i > 0) { sb+=","; //如果有多个值，值中间加逗号 } sb+="{\"mid\":\""+ list.get(i).getMid() + "\","; // 第一个参数名name任意 sb+="\"mname\":\"" + list.get(i).getMname() + "\","; // 第二个参数名 sb+="\"mweight\":\"" + list.get(i).getMweight() + "\","; // 第三个参数名 Medicine medic = DbPoolOp.findMedicine_by_id(list.get(i).getMid()); double yiqu = medic.getMweight() - medic.getNowweight(); sb+="\"yiqu\":\"" + yiqu + "\","; // 第四个个参数名 sb+="\"jindu\":\"" + yiqu*100/list.get(i).getMweight() + "\"}";// 第五个个参数名 } sb+="]"; System.out.println(sb); out.println(sb); // 数据传到jsp里面的data里面 out.flush(); out.close();