登录

利用JQuery实现ajax异步刷新页面

Ajax
0 119

在网站刷新的方法中,ajax刷新是一种用户体验良好的刷新方式,在结合ssh等流行的框架!最为常用了!下面就是常用一个ajax刷新表单的一个demo,

$(document).ready(function () {
    testchaxun();
     setInterval("testchaxun()"5000);
    });
    function testchaxun(){
        /* var selectId = $('#proviace').val(); */
        $.ajax({
        type : "POST"
         /* cache: false */
        url : "WarningAction!warningdefQuery1.action"
        dataType : "json"
        success : function(data) {
            $('tr').remove('.datatr');
            for(var i=0;i<data.length;i++){
                if(data[i].pState == '危险'){
                    $('.table-thtr').after('<tr class="datatr error-tr">'+
                      '<td><img class="picture" src="'+data[i].pPic+'"/></td>'+
                      '<td>'+data[i].pName+'</td>'+
                      '<td>'+data[i].uName+'</td>'+
                      '<td>'+data[i].bHomenum+'</td>'+
                      '<td>'+data[i].bNumber+'</td>'+
                      '<td>'+data[i].eStart+'</td>'+
                      '<td>'+data[i].wType+'</td>'+
                      '<td>'+data[i].wTime+'</td>'+
                      '<td>'+data[i].pAddress+'</td>'+
                      '<td>'+data[i].uName+'</td>'+
                      '<td>'+data[i].pState+'</td>'+
                      '<td><a href="WarningAction!waringInfor.action?WId='+data[i].wId +'">详情</a></td>'+
                      '</tr>');
                }else{
                    $('.table-thtr').after('<tr class="datatr">'+
                  '<td><img class="picture" src="'+data[i].pPic+'"/></td>'+
                  '<td>'+data[i].pName+'</td>'+
                  '<td>'+data[i].uName+'</td>'+
                  '<td>'+data[i].bHomenum+'</td>'+
                  '<td>'+data[i].bNumber+'</td>'+
                  '<td>'+data[i].eStart+'</td>'+
                  '<td>'+data[i].wType+'</td>'+
                  '<td>'+data[i].wTime+'</td>'+
                  '<td>'+data[i].pAddress+'</td>'+
                  '<td>'+data[i].uName+'</td>'+
                  '<td>'+data[i].pState+'</td>'+
                  '<td><a href="WarningAction!waringInfor.action?WId='+data[i].wId+'">详情</a></td>'+
                  '</tr>');
                }

              }
         }
        });
      };
</script>

而在后台的WarningAction!waringInfor.action中接送两个参数,实现请求这个方法的必要条件!返回一个json

public String waringInfor(){
         w= warningService.getWarningByWid(WId);
         if (w!=null) {
             if (w.getPId()!=null) {
             p =patientService.getPatientByPId(w.getPId());
            }
        }
        if (p!=null) {
            if (p.getPId()!=null) {
                s= sickroomService.getSickroomByPid(p.getPId());
            }
            if (p.getPEquipmentid()!=null) {
                e= equipmentService.getEquipmentByEId(p.getPEquipmentid()); 
            }
        }
        return "waringInfor";

    };
发表评论

0 个回复

admin

admin

154 2017-05-15 加入 上海

(淘宝搜索店铺:程序员小店)

热门标签