ajax异步请求刷新

前端之家收集整理的这篇文章主要介绍了ajax异步请求刷新前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在网站刷新的方法中,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";

    };

猜你在找的Ajax相关文章