ajax异步请求刷新
2016-08-09 06:41
211 查看
在网站刷新的方法中,ajax刷新是一种用户体验良好的刷新方式,在结合ssh等流行的框架!最为常用了!下面就是常用一个ajax刷新表单的一个demo,
而在后台的WarningAction!waringInfor.action中接送两个参数,实现请求这个方法的必要条件!返回一个json
$(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"; };
相关文章推荐
- 使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
- 利用JQuery+Ajax实现aspx页面无刷新异步请求
- ajax struts action异步请求返回提示刷新
- ajax异步请求不能刷新数据的问题
- Ajax请求服务和页面的同步异步刷新
- ajax:局部刷新技术,异步请求技术
- 17 Jquer定时刷新以及循环遍历功能和ajax 的异步请求数据
- ajax异步请求,生成表格,局部刷新
- javaweb局部刷新-ajax异步请求springMVC显示返回的jsp内容,代替iframe
- ajax异步无刷新请求数据
- ajax异步请求内容后的退步和刷新的问题
- jQuery框架+DWR框架实现的Java Web中的Ajax效果(异步请求,局部刷新)
- jquery的ajax异步请求上传完图片之后会有页面跳转和刷新如何解决?
- Ajax提交分页请求,实现异步刷新效果(1)
- JavaWeb笔记——ajax异步请求
- jquery的几种异步请求,ajax(转载)
- Ajax发送异步请求(四步操作)
- 用jQuery.ajaxWebService请求WebMethod,Ajax处理实现局部刷新
- ajax异步刷新简单的demo
- Ajax异步请求RESTFUL API之跨域问题解决方案