ajax异步请求刷新

最新推荐文章于 2024-07-29 18:21:08 发布

好一个大布丁

最新推荐文章于 2024-07-29 18:21:08 发布

阅读量2.7k

点赞数 2

分类专栏： java 服务器后端开发文章标签： ajax 用户体验

本文链接：https://blog.csdn.net/baidu_23086307/article/details/52159261

版权

java 服务器后端开发专栏收录该内容

69 篇文章 5 订阅

订阅专栏

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

    };