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";

    };

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...