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实现异步刷新请求的详细内容,更多请关注php中文网其它相关文章!
已抢65340个
抢已抢29488个
抢已抢16073个
抢已抢8037个
抢已抢10310个
抢已抢20512个
抢